Utility functions for TanStack React Table and Tailwind CSS column/cell rendering helpers. ## Key Components | Export | Type | Description | |--------|------|-------------| | `getHideClasses` | `function` | Generates Tailwind responsive visibility classes from breakpoint config | | `alignJustify` | `function` | Maps column alignment metadata to Tailwind flex/text justify classes | | `multiSelectFilterFn` | `FilterFn` | TanStack Table filter function for multi-select column filters | ## Usage Example ```typescript import { getHideClasses, alignJustify, multiSelectFilterFn } from './utils' import type { ColumnDef } from '@tanstack/react-table' // Responsive column visibility getHideClasses('md') // 'hidden md:flex' getHideClasses(['md', 'lg']) // 'md:hidden lg:hidden xl:flex' // Column alignment alignJustify('right') // 'justify-end text-right' alignJustify('center') // 'justify-center text-center' alignJustify() // 'justify-start text-left' (default) // Multi-select client-side filtering const columns: ColumnDef[] = [ { accessorKey: 'status', header: 'Status', filterFn: multiSelectFilterFn, meta: { filter: { options: STATUS_OPTIONS } }, }, ] ``` > **Note on `multiSelectFilterFn`:** Only applies when `clientSideFiltering: true` is set on `useDataTable`. For server-side (Relay/REST) filtering, `manualFiltering` is enabled and TanStack never calls `filterFn` — translate `columnFilters` state into your backend query variables directly.