Table

Components

Table()

Table(props, context?): ReactNode

The Table component makes it easy to display data in a tabular format with rows and columns.

Parameters

Parameter	Type
props	TableProps
context?	any

Returns

ReactNode

Example

const theadValues = [
    <Text key={0}>Song</Text>,
    <Text key={1}>Artist</Text>,
    <Text key={2}>Year</Text>,
  ];

const rows = [
  {
    value: [
      <Text key={0}>The Sliding Mr. Bones (Next Stop, Pottersville)</Text>,
      <Text key={1}>Malcolm Lockyer</Text>,
      <Text key={2}>1961</Text>,
    ],
    clickHandler: () => {},
  },
  {
    value: [
      <Text key={0}>Witchy woman</Text>,
      <Text key={1}>The Eagles</Text>,
      <Text key={2}>1972</Text>,
    ],
    clickHandler: () => {},
  },
  {
    value: [
      <Text key={0}>Shining Star</Text>,
      <Text key={1}>Earth, Wind, and Fire</Text>,
      <Text key={2}>1975</Text>,
    ],
    clickHandler: () => {},
  },
];
 <Table
     theadValues={theadValues}
     rows={rows}
  />

Source

libs/design-system-core/src/components/Table/index.tsx:63

Props

TableProps

TableProps: object

Type declaration

Member	Type
customTdStyle	string
customThStyle	string
rows	TDataValues[]
tableTitle	string
theadValues	React.ReactNode[]

Source

libs/design-system-core/src/components/Table/index.tsx:8