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 |