UNPKG

@dotconnor/grommet

Version:

focus on the essential experience

239 lines (153 loc) 2.81 kB
## TableCell A cell of data in a table. ## Usage ```javascript import { TableCell } from 'grommet'; <TableCell /> ``` ## Properties **plain** Whether default styling context should be removed. ``` boolean ``` **scope** For header cells, what scope the header is for. Typically, the cells in a TableHeader have 'col' scope and the primary cell in each row in the TableBody has 'row' scope. ``` col row ``` **size** What size the cell should be. Typically, this is not needed unless you are trying to align multiple tables. ``` xxsmall xsmall small medium large xlarge 1/2 1/3 2/3 1/4 2/4 3/4 string ``` **verticalAlign** How to align the contents vertically. ``` top middle bottom ``` ## Intrinsic element ``` td ``` ## Theme **table.body.align** How to align the body inside the Table. Expects `string`. Defaults to ``` start ``` **table.body.border** The border side of the body. Expects `string`. Defaults to ``` undefined ``` **table.body.extend** Any additional style for Table body. Expects `string | (props) => {}`. Defaults to ``` undefined ``` **table.body.pad** The padding of the body. Expects `string | object`. Defaults to ``` { horizontal: 'small', vertical: 'xsmall' } ``` **table.footer.align** How to align the footer inside the Table. Expects `string`. Defaults to ``` start ``` **table.footer.border** The border side of the footer. Expects `string`. Defaults to ``` top ``` **table.footer.extend** Any additional style for Table footer. Expects `string | (props) => {}`. Defaults to ``` undefined ``` **table.footer.fill** Whether the height should fill the footer. Expects `string`. Defaults to ``` vertical ``` **table.footer.pad** The padding of the footer. Expects `string | object`. Defaults to ``` { horizontal: 'small', vertical: 'xsmall' } ``` **table.footer.verticalAlign** How to align the content vertically. Expects `string`. Defaults to ``` top ``` **table.header.align** How to align the header inside the Table. Expects `string`. Defaults to ``` start ``` **table.header.background** The background color of the header. Expects `string | object`. Defaults to ``` undefined ``` **table.header.border** The border side of the header. Expects `string`. Defaults to ``` bottom ``` **table.header.fill** Whether the height should fill the header. Expects `string`. Defaults to ``` vertical ``` **table.header.extend** Any additional style for Table header. Expects `string | (props) => {}`. Defaults to ``` undefined ``` **table.header.pad** The padding of the header. Expects `string | object`. Defaults to ``` { horizontal: 'small', vertical: 'xsmall' } ``` **table.header.verticalAlign** How to align the content vertically. Expects `string`. Defaults to ``` bottom ```