@n3/react-fixedtable

@n3/react-fixedtable

Таблица с фиксированными заголовками и колонками.

Установка

npm install @n3/react-fixedtable --save
yarn add @n3/react-fixedtable

Использование

Нужно обернуть компонент таблицы компонентом FixedTable. Вместо <table> можно использовать любой другой компонент, который в корне реднерит <table>.

import '@n3/react-fixedtable/dist/n3-react-fixedtable.css';

import FixedTable from '@n3/react-fixedtable';

...

<FixedTable>
  <table>
    ...
  </table>
</FixedTable>

Props

top

Отступ от верхней границы экрана до фиксированной шапки таблицы в px. По умолчанию 0.

bottom

Отступ от нижней границы экрана до фиксированного футера таблицы в px. По умолчанию 0.

fixedLeftCols

Количество колонок слева, которые будут зафиксированы при горизонтальном скролле таблицы. По умолчанию 0.

updateUniqs

Значения, при изменении которых таблица будет перерисована. По умолчанию, для оптимизации компонент не обновляется после первого рендера.

getScrollableWrapper

Функция, возвращающая родительский элемент со скроллом. Например, если таблица отображается внутри модального окна, и нужно подписываться на скролл внутри этого окна, а не всего документа.