Назад к вопросам
Middle+
4
Был ли опыт работы с TanStack Table (ранее React Table)?
Компании, где спрашивали
М.Видео/эльдорадо
Ответ от нейросети
sobes.tech AI
Да, опыт работы с TanStack Table (ранее React Table) есть. Это мощная библиотека для создания таблиц в React с поддержкой:
- Кастомизации колонок и ячеек
- Сортировки, фильтрации, пагинации
- Виртуализации больших наборов данных
- Управления состоянием таблицы
Пример базового использования:
import { useReactTable, getCoreRowModel } from '@tanstack/react-table';
const data = [{ name: 'Alice', age: 25 }, { name: 'Bob', age: 30 }];
const columns = [
{ accessorKey: 'name', header: 'Имя' },
{ accessorKey: 'age', header: 'Возраст' },
];
function MyTable() {
const table = useReactTable({ data, columns, getCoreRowModel: getCoreRowModel() });
return (
<table>
<thead>
{table.getHeaderGroups().map(headerGroup => (
<tr key={headerGroup.id}>
{headerGroup.headers.map(header => (
<th key={header.id}>{header.isPlaceholder ? null : header.renderHeader()}</th>
))}
</tr>
))}
</thead>
<tbody>
{table.getRowModel().rows.map(row => (
<tr key={row.id}>
{row.getVisibleCells().map(cell => (
<td key={cell.id}>{cell.renderCell()}</td>
))}
</tr>
))}
</tbody>
</table>
);
}
Эта библиотека гибкая и позволяет строить сложные таблицы с минимальными усилиями.