The Table component organizes information into rows and columns, presenting such data in a tabular form.

Basic example:

 <Table >
<Table.Head>
<Table.Row>
<Table.Thead ><Text>Title 1</Text></ Table.Thead >
<Table.Thead><Text>Title 2</Text></Table.Thead>
<Table.Thead><Text>Title 3</Text></Table.Thead>
</Table.Row>
</Table.Head>
<Table.Body >
<Table.Row>
<Table.Division ><Text>Texto 1</Text></Table.Division>
<Table.Division ><Text>Texto 2</Text></Table.Division>
<Table.Division ><Text>Texto 3</Text></Table.Division>
</Table.Row>
</Table.Body>
</Table>

Param

Table Properties

Has Children

Hierarchy

Basic

Body: typeof TableBody = TableBody

The Table.Body component groups the body of the table.

Basic example::

<Table>
<Table.Body>
<Table.Row>
<Table.Division>Item 1</Table.Division>
<Table.Division>Item 2</Table.Division>
<Table.Division>Item 3</Table.Division>
</Table.Row>
<Table.Body>
</Table>

Has Children

Division: typeof TableDivision = TableDivision

The Table.Division component creates data cells in the table.

Basic example::

<Table>
<Table.Body>
<Table.Row>
<Table.Division>Item 1</Table.Division>
<Table.Division>Item 2</Table.Division>
<Table.Division>Item 3</Table.Division>
</Table.Row>
<Table.Body>
</Table>

Has Children

Head: typeof TableHead = TableHead

The Table.Head component creates a table header row.

Basic example::

<Table>
<Table.Head>
<Table.THead>Cabeçalho 1</Table.THead>
<Table.THead>Cabeçalho 2</Table.THead>
<Table.Head>
</Table>

Has Children

HeadDivision: typeof TableHeadDivision = TableHeadDivision

The Table.HeadDivision component creates divisions in the table header row.

Basic example::

<Table>
<Table.Head>
<Table.HeadDivision>Cabeçalho 1</Table.HeadDivision>
<Table.HeadDivision>Cabeçalho 2</Table.HeadDivision>
<Table.Head>
</Table>

Has Children

Row: typeof TableRow = TableRow

The Table.Row component defines a row in the table.

Basic example::

<Table>
<Table.Body>
<Table.Row>
<Table.Division>Item 1</Table.Division>
<Table.Division>Item 2</Table.Division>
<Table.Division>Item 3</Table.Division>
</Table.Row>
<Table.Body>
</Table>

Has Children