Sobes.tech
Назад к вопросам
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>
  );
}

Эта библиотека гибкая и позволяет строить сложные таблицы с минимальными усилиями.