mirror of
https://github.com/gosticks/react-table.git
synced 2025-10-16 11:55:36 +00:00
8ba553871f
* Update utils.js * Update useTable.js * Create useColumnVisibility.js * Update useColumnVisibility.js * Update useColumnVisibility.js * Convert to core hook, use new reducerHanndler/actions * Add useColumnVisibility internal hook
30 lines
1.2 KiB
Markdown
30 lines
1.2 KiB
Markdown
# `useColumnOrder`
|
|
|
|
- Plugin Hook
|
|
- Optional
|
|
|
|
`useColumnOrder` is a plugin hook that implements **basic column reordering**. As columns are reordered, their header groups are reverse-engineered so as to never have orphaned header groups.
|
|
|
|
### Table Options
|
|
|
|
The following options are supported via the main options object passed to `useTable(options)`
|
|
|
|
- `state.columnOrder: Array<ColumnId>`
|
|
- Optional
|
|
- Defaults to `[]`
|
|
- Any column ID's not represented in this array will be naturally ordered based on their position in the original table's `column` structure
|
|
- `initialState.columnOrder`
|
|
- Identical to the `state.columnOrder` option above
|
|
|
|
### Instance Properties
|
|
|
|
The following values are provided to the table `instance`:
|
|
|
|
- `setColumnOrder: Function(updater: Function | Array<ColumnId>) => void`
|
|
|
|
- Use this function to programmatically update the columnOrder.
|
|
- `updater` can be a function or value. If a `function` is passed, it will receive the current value and expect a new one to be returned.
|
|
|
|
- [Source](https://github.com/tannerlinsley/react-table/tree/master/examples/column-ordering)
|
|
- [Open in CodeSandbox](https://codesandbox.io/s/github/tannerlinsley/react-table/tree/master/examples/column-ordering)
|