!antd-table-ext
Examples - https://ptrushin.github.io/antd-table-ext/
usage
* change source for import Table from 'antd' to 'antd-table-ext'
* ... profit!
* try to resize column
* try to move column
* try to visible/hide column (with context menu on right click)
* try to fix column (with context menu on right click)
* try to multiple sort with shift button
* column current width, index, visible, fix store in local storage between browser sessions - try to close and open page
* column filter and sort can store in address bar (by settings)
* export to excel (with context menu on right click)
examples
* all examples were taken from https://ant.design/components/table
localization
* locale gets from locale prop or global.locale
* diration gets from direction prop or global.direction
additional table properties
Property | Description| Default
-|-|-
fullscreen | true / {deltaY: ?} | false
stateStorable | true / {prefix, storeDefault, localStorage = true, location = true } | true
defaults | |
{
movable: true,
resizable: true,
hideable: true,
fixable: true,
sortable: false,
filterable: false,
ellipsis: true
}history | {location, push} (react-router-dom) |
locale | json like example locale |
addLastColumn | add last column to expand table to 100% | true
onColumnMoved ||
onColumnResized ||
onColumnHid ||
onColumnFixed ||
onColumnSorted ||
onColumnFiltered ||
onColumnChanged ||
onResetColumnSettings ||
additional column properties
Property | Description| Default
-|-|-
width | defaultWidth |
currentWidth ||
resizable || true
defaultHidden || false
currentHidden ||
hideable || true
currentIndex ||
movable || true
fixed | defaultFixed |
currentFixed ||
fixable || true
defaultSortOrder ||
sortOrder ||
sorter/sortable || true
currentSortIndex ||
description ||
filterSerialize ||
filterDeserialize ||
renderToExcel | false/function like render | true