/
gsam
/
ui-kit-ce
Обзор
Документация
Войти
/
gsam
/
ui-kit-ce
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
packages/table/examples/AlignmentSortableStory.tsx
41 строка
1 KB
Denis Svyatovets
v1.10.0
27 мар 2024, 13:48
27 мар 2024, 13:48
c9029ae
Код
Авторство
О чём код?
import * as React from 'react' import { Table, ColumnProps, RecordDataSource } from '@v-uik/base' type DataSource = RecordDataSource<{ name: string; role: string; age: number }> export const AlignmentSortableStory = (): JSX.Element => { const dataSource: DataSource[] = [ { name: 'Vasya', role: 'developer', age: 25, key: 1 }, { name: 'Slava', role: 'developer', age: 30, key: 2 }, { name: 'Anton', role: 'manager', age: 24, key: 3 }, { name: 'Artem', role: 'designer', age: 25, key: 4 }, { name: 'Fillip', role: 'designer', age: 30, key: 5 }, ] const columns: ColumnProps<DataSource>[] = [ { key: 'name', dataIndex: 'name', title: 'Name', align: 'right', sortable: true, }, { key: 'role', dataIndex: 'role', title: 'Role', align: 'center', sortable: true, }, { key: 'age', dataIndex: 'age', title: 'Age', sortable: true, }, ] return <Table dataSource={dataSource} columns={columns} /> } export default AlignmentSortableStory