public-ui-kolibri

import { KolTableStateful } from '@public-ui/react-v19'; import type { FC } from 'react'; import React from 'react'; import { SampleDescription } from '../SampleDescription'; const DATA = [ { id: '1001', name: 'John', age: 30 }, { id: '1002', name: 'Jane', age: 25 }, ]; export const TableNonHidableColumns: FC = () => ( <> <SampleDescription> <p>This example demonstrates a column that cannot be hidden in the settings.</p> </SampleDescription> <KolTableStateful _label="Table with a non-hidable column" _minWidth="auto" _hasSettingsMenu _headers={{ horizontal: [ [ { key: 'id', label: 'ID', hidable: false }, { key: 'name', label: 'Name' }, { key: 'age', label: 'Age' }, ], ], }} _data={DATA} className="block" style={{ maxWidth: '600px' }} /> </> );