Some content on this page is not responsive yet and may not display correctly on mobile devices.
# | Name | Age |
---|
001 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec diam nec nisl aliquam ultric es. | 55 |
002 | Preston | 51 |
003 | Olive | 21 |
004 | Jaxon | 76 |
005 | Omar | 78 |
006 | Kurt | 60 |
007 | Mark | 23 |
008 | Matt | 45 |
009 | Jane | 32 |
010 | Ophelia | 54 |
Code
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=...
/>
Properties
This component extends the
Base Component and supports all of its properties.
- height - Number
- columns - Array
- rows - Array