Skip to content
pro Seite
Eine offizielle Gentlent Website. Offizielle Gentlent Websites sind immer von unserer Website gentlent.com verlinkt oder enthalten ein erweitertes validiertes Zertifikat.
Tabellen
Einige Inhalte auf dieser Seite sind noch nicht responsiv und werden auf mobilen Geräten möglicherweise nicht korrekt angezeigt.
| # | Name | Age |
|---|---|---|
| 001 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec diam nec nisl aliquam ultric es. | 62 |
| 002 | Ophelia | 36 |
| 003 | Preston | 59 |
| 004 | Nolan | 30 |
| 005 | Max | 72 |
| 006 | Omar | 29 |
| 007 | Paige | 29 |
| 008 | Nadia | 28 |
| 009 | Nolan | 54 |
| 010 | Mila | 40 |
1 von 100
Quelltext
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=...
/>
Eigenschaften (Props)
Diese Komponente erweitert die Basis-Komponente und unterstützt alle ihre Eigenschaften.
- height - Number
- columns - Array
- rows - Array
- card - true | false
Eine offizielle Gentlent Website. Offizielle Gentlent Websites sind immer von unserer Website gentlent.com verlinkt oder enthalten ein erweitertes validiertes Zertifikat.