/
bearury
/
ui-kit-ce
Обзор
Документация
Войти
/
bearury
/
ui-kit-ce
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
packages/table/__tests__/examples/RenderHeaderCellContentSortable.tsx
36 строк
927 B
Строганов Федор
fix(table): добавлена возожность сортировки при нажатии на renderHeaderCellContent
28 июл 2025, 13:26
28 июл 2025, 13:26
98a2170
Код
Авторство
О чём код?
'use client' import * as React from 'react' import { ColumnProps, Table, TableProps } from '@v-uik/table' const dataSource = [ { name: 'Vasya', role: 'developer', key: 1 }, { name: 'Slava', role: 'developer', key: 2 }, { name: 'Anton', role: 'manager', key: 3 }, { name: 'Artem', role: 'designer', key: 4 }, { name: 'Fillip', role: 'designer', key: 5 }, ] const columns: ColumnProps<{ name: string; role: string }>[] = [ { key: 'role', dataIndex: 'role', title: 'Role', sortable: true, renderHeaderCellContent: ({ onClick, title }) => { return ( <div data-test-id="foo" onClick={onClick}> {title} </div> ) }, }, ] export const RenderHeaderCellContentSortable = ({ onChange, }: Pick< TableProps<Record<string, unknown>>, 'onChange' >): React.ReactElement => { return <Table columns={columns} dataSource={dataSource} onChange={onChange} /> }