Skip to content
na stranu 
Oficiálna webová stránka Gentlent. Oficiálne webové stránky Gentlent sú vždy prepojené z našej webovej stránky gentlent.com, alebo obsahujú rozšírený overený certifikát.
Tabuľky
Niektorý obsah na tejto stránke ešte nie je responzívny a nemusí sa správne zobrazovať na mobilných zariadeniach.
| # | Name | Age |
|---|---|---|
| 001 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec diam nec nisl aliquam ultric es. | 40 |
| 002 | Nyla | 71 |
| 003 | Mila | 53 |
| 004 | Olivia | 68 |
| 005 | Jaxon | 62 |
| 006 | Nate | 75 |
| 007 | Jenny | 32 |
| 008 | Nadia | 73 |
| 009 | Landon | 21 |
| 010 | Mark | 78 |
1 z 100
Kód
import * as G from '.../components';
<G.Table
height={300}
columns={[
{ key: 'id', label: '#' },
{ key: 'name', label: 'Name' },
{ key: 'age', label: 'Age' },
]}
rows={[
{ id: '0001', name: 'John', age: 20 },
{ id: '0002', name: 'Jane', age: 21 },
{ id: '0003', name: 'Joe', age: 22 },
...
]}
/>
<G.PagedTable
columns=...
rows=...
/>
Vlastnosti
Tento komponent rozširuje Základný komponent a podporuje všetky jeho vlastnosti.
- height - Number
- columns - Array
- rows - Array
- card - true | false
Oficiálna webová stránka Gentlent. Oficiálne webové stránky Gentlent sú vždy prepojené z našej webovej stránky gentlent.com, alebo obsahujú rozšírený overený certifikát.