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.22
002Mark37
003Nora26
004Mary23
005Jade52
006Mike67
007Mila25
008Paige49
009Jocelyn24
010Olivia40
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