Skip to content

Table Sub-hooks ​

useTable is composed from 11 focused sub-hooks that each own a specific slice of the table's behavior. They live under vue/src/js/hooks/table/ and are exported from @/hooks/table.

You rarely need to use these directly — useTable wires them together. Read these pages when you need to extend or replace a specific behavior.

Sub-hookFilePurpose
useTableActionsuseTableActions.jsToolbar / bulk action props
useTableFiltersuseTableFilters.jsSearch, status tabs, advanced filters
useTableFormsuseTableForms.jsCreate/edit form state
useTableGroupuseTableGroup.jsClient-side column grouping
useTableHeadersuseTableHeaders.jsColumn visibility and localStorage
useTableItemuseTableItem.jsEdited item and soft-delete detection
useTableItemActionsuseTableItemActions.jsPer-row action dispatch
useTableIteratoruseTableIterator.jsIterator (card/list) layout actions
useTableModalsuseTableModals.jsDelete / custom / show modals
useTableNamesuseTableNames.jsi18n titles and dialog text
useTableStateuseTableState.jsURL/localStorage state persistence