Skip to content

Tables

Some content on this page is not responsive yet and may not display correctly on mobile devices.
#
Name
Age
#NameAge
001Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec diam nec nisl aliquam ultric es.52
002Katie57
003Jade54
004Paige50
005Lana65
006Omar60
007Oz63
008Joe28
009Penny62
010Nick70
per page
1 of 100

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.
GentlentAn official Gentlent website. Official Gentlent websites are always linked from our website gentlent.com, or contain an extended validated certificate.
Skyline Dusseldorf