Examples - https://ptrushin.github.io/antd-table-ext/
- 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)
- all examples were taken from https://ant.design/components/table
- locale gets from locale prop or global.locale
- diration gets from direction prop or global.direction
Property | Description | Default |
---|---|---|
fullscreen | true / {deltaY: ?} | false |
stateStorable | true / {prefix, storeDefault, localStorage = true, location = true } | true |
defaults |
|
|
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 |
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 |