Starfield

Table

Status
Pre-release
IDNameAccount balanceActions
1
Alice
$ 9500
2
Bob
$ 5490
3
Chuck
$ 3700
1  import { Table, TCell, THeader, THeadRow, TRow } from '@jobilla/starfield'
2  

3  export function BasicDemo() {
4      return (
5          <Table
6              head={
7                  <THeadRow>
8                      <THeader>ID</THeader>
9                      <THeader>Name</THeader>
10                      <THeader>Account balance</THeader>
11                      <THeader>Actions</THeader>
12                  </THeadRow>
13              }
14          >
15              <TRow>
16                  <TCell>1</TCell>
17                  <TCell>Alice</TCell>
18                  <TCell>$ 9500</TCell>
19                  <TCell></TCell>
20              </TRow>
21              <TRow>
22                  <TCell>2</TCell>
23                  <TCell>Bob</TCell>
24                  <TCell>$ 5490</TCell>
25                  <TCell></TCell>
26              </TRow>
27              <TRow>
28                  <TCell>3</TCell>
29                  <TCell>Chuck</TCell>
30                  <TCell>$ 3700</TCell>
31                  <TCell></TCell>
32              </TRow>
33          </Table>
34      )
35  }