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.50
002Lara32
003Ophelia38
004Ozzy65
005Noah45
006Jane58
007Penny37
008Jane61
009Oz62
010Landon61
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.
  • height - Number
  • columns - Array
  • rows - Array
  • card - true | false
GentlentAn official Gentlent website. Official Gentlent websites are always linked from our website gentlent.com, or contain an extended validated certificate.
Skyline Dusseldorf