# Table Props (свойства) для компонента Table: [{"name":"view","type":{"name":"enum","raw":"\"clear\" | \"default\"","value":[{"value":"\"clear\""},{"value":"\"default\""}]}},{"name":"size","type":{"name":"enum","raw":"\"m\" | \"s\" | \"l\"","value":[{"value":"\"m\""},{"value":"\"s\""},{"value":"\"l\""}]}},{"name":"data","type":{"name":"TableRowData[]"}},{"name":"columns","type":{"name":"TableColumnData[]"}},{"name":"onChange","type":{"name":"((data: { selected: RowSelectionState; filtered: { id: string; value: unknown; }[]; sorted: { id: string; desc: boolean; }[] | undefined; }) => void) | undefined"}},{"name":"borderVariant","type":{"name":"enum","raw":"\"all\" | \"header\" | \"rows\"","value":[{"value":"\"all\""},{"value":"\"header\""},{"value":"\"rows\""}]}},{"name":"enableSelection","type":{"name":"boolean"}},{"name":"selected","type":{"name":"RowSelectionState"}},{"name":"filtered","type":{"name":"{ id: string; value: unknown; }[]"}},{"name":"sorted","type":{"name":"{ id: string; desc: boolean; }[]"}},{"name":"maxHeight","type":{"name":"MaxHeight<string | number>"}},{"name":"stickyHeader","type":{"name":"boolean"}},{"name":"onCellUpdate","type":{"name":"((rowIndex: string, columnId: string, value: unknown) => void)"}}] ## Использование Обязательными полями являются  `data`  и  `columns` . Формат следующий: ```tsx
type TableRowData = {
id: string;
[key: string]: string | number;
};
export type TableColumnData = {
id: string;
label: string;
width?: number;
enableSorting?: boolean;
enableResizing?: boolean;
enableEditing?: boolean;
filters?: { value: string; label: string }[];
filterFn?: (filteredValue: string, cellValue: unknown) => boolean;
renderCell?: (value: unknown, row: TableRowData, rowIndex: number) => ReactNode;
};
```