Use Data Table Columns With Bulk

Prepends a bulk-selection column to data-table columns when bulk actions are available.

Installation

bash

pnpm dlx shadcn@latest add @cs/use-data-table-columns-with-bulk

tsx

import { useDataTableColumnsWithBulk } from "@/hooks/cs/use-data-table-columns-with-bulk"

tsx

const columnsWithBulk = useDataTableColumnsWithBulk({
  filteredColumns,
  bulkSelection,
  totalCount,
  stream,
  fetchData,
  bulkActions,
})

Prepends a bulk-selection column to data-table columns when bulk actions are available.

Name	Type	Default	Description
bulkActions *	DataTableBulkActionsConfig<TData, TDataTableBulkAction> \| undefined	-	-
bulkSelection *	UseDataTableBulkSelectionReturn	-	-
fetchData *	DataTableOnData	-	-
filteredColumns *	ColumnDef<TData, TValue>[]	-	-
onPermission	(action: TDataTableBulkAction) => boolean	-	-
stream *	Omit<UseDataTableStreamRouteReturn<RowData>, "data">	-	-
totalCount *	number	-	-
translationsRootKey	string	"table"	Namespace used by bulk-selection controls; expects the `table` message tree.