Function useTableColumns

useTableColumns<const Columns extends readonly TableColumnDefinition<string>[]>(
    definitions: Columns,
    options?: TableColumnOptions<Columns[number]["id"]>,
): {
    columns: TableColumnState<Id>[];
    getResizeProps: (id: ResizeId) => TableColumnResizerProps;
    setVisible: (id: Id, visible: boolean) => void;
    setWidth: (id: Id, width: number) => void;
    tableStyle: CSSProperties;
    visibility: Record<Id, boolean>;
    visibleColumns: TableColumnState<Id>[];
    widths: Record<Id, number>;
}
Coordinates typed column IDs, accepted widths and visibility without owning row data or sorting.
Type Parameters
- const Columns extends readonly TableColumnDefinition<string>[]
Parameters
- definitions: Columns
- options: TableColumnOptions<Columns[number]["id"]> = {}
Returns {
    columns: TableColumnState<Id>[];
    getResizeProps: (id: ResizeId) => TableColumnResizerProps;
    setVisible: (id: Id, visible: boolean) => void;
    setWidth: (id: Id, width: number) => void;
    tableStyle: CSSProperties;
    visibility: Record<Id, boolean>;
    visibleColumns: TableColumnState<Id>[];
    widths: Record<Id, number>;
}
Example
```
const columns = useTableColumns([
  { id: 'customer', label: 'Customer', width: 220, resizable: true, minWidth: 100, maxWidth: 480 },
  { id: 'total', label: 'Total', width: 140 },
]);
<Table style={columns.tableStyle}><Table.Columns columns={columns.visibleColumns} /></Table>
```