0.2.0 • Published 3 years ago

@n3/react-table v0.2.0

Weekly downloads
2
License
MIT
Repository
gitlab
Last release
3 years ago

@n3/react-table

Компоненты для создания таблиц для приложений на базе @n3/kit.

import {
  Table,
  Th,
  Td,
} from '@n3/react-table';

...

<Table>
  <thead>
    <tr>
      <Th rowSpan={2}>#</Th>
      <Th colSpan={2}>Name of person</Th>
      <Th rowSpan={2}>Username</Th>
    </tr>

    <tr>
      <Th>First Name</Th>
      <Th>Last Name</Th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <Td>1</Td>
      <Td>Mark</Td>
      <Td>Otto</Td>
      <Td>@mdo</Td>
    </tr>

    <tr>
      <Td>2</Td>
      <Td>Jacob</Td>
      <Td>Thornton</Td>
      <Td>@fat</Td>
    </tr>

    <tr>
      <Td>3</Td>
      <Td colSpan="2">Larry the Bird</Td>
      <Td>@twitter</Td>
    </tr>
  </tbody>

  <tfoot>
    <tr>
      <Td>#</Td>
      <Td>First Name</Td>
      <Td>Last Name</Td>
      <Td>Username</Td>
    </tr>
  </tfoot>
</Table>

Props

Table

НазваниеОбязательностьТипЗначение по умолчаниюОписание
lightenRownumbernullНомер строки, для которой применена подсветка

Th/Td

НазваниеОбязательностьТипЗначение по умолчаниюОписание
classNamestring''
isMinWidthboolfalseДобавить width: 1px для рендера узких колонок (иконкий действий и т.п.)
isNowrapboolfalseДобавить white-space: nowrap
hasWordBreakboolfalseДобавить свойства для разбиения строк в случае переполнения
textAlignenum- 'left'- 'right'- 'center''left'
widthunion- string- numbernull
0.2.0

3 years ago

0.1.7

4 years ago

0.1.6

4 years ago

0.1.5

4 years ago

0.1.4

4 years ago

0.1.3

4 years ago

0.1.2

4 years ago

0.1.1

4 years ago

0.1.0

4 years ago