This commit is contained in:
tannerlinsley 2019-07-29 11:00:11 -06:00
commit 1caad4cd8c

View File

@ -337,7 +337,7 @@ The following properties are available on the table instance returned from `useT
- `headerGroups: Array<HeaderGroup>`
- An array of normalized header groups, each containing a flattened array of final column objects for that row.
- See [Header Group Properties](#header-group-properties) for more information
- See [Header Group Properties](#headergroup-properties) for more information
- `columns: Array<Column>`
- A **flat** array of all final column objects computed from the original columns configuration option.
- See [Column Properties](#column-properties) for more information
@ -345,7 +345,7 @@ The following properties are available on the table instance returned from `useT
- A **nested** array of final column objects, similar in structure to the original columns configuration option.
- See [Column Properties](#column-properties) for more information
- `rows: Array<Row>`
- An array of **materialized row objects** from theriginal `dat oa` array and `columns` passed into the table options
- An array of **materialized row objects** from the original `data` array and `columns` passed into the table options
- See [Row Properties](#row-properties) for more information
- `getTableProps: Function(?props)`
- **Required**
@ -358,7 +358,7 @@ The following properties are available on the table instance returned from `useT
### `HeaderGroup` Properties
Header Groups are The following additional properties are available on every `headerGroup` object returned by the table instance.
The following additional properties are available on every `headerGroup` object returned by the table instance.
- `headers: Array<Column>`
- **Required**
@ -478,7 +478,7 @@ function MyTable({ columns, data }) {
<table {...getTableProps()}>
<thead>
{headerGroups.map(headerGroup => (
<tr {...headerGroup.getRowProps()}>
<tr {...headerGroup.getHeaderGroupProps()}>
{headerGroup.headers.map(column => (
<th {...column.getHeaderProps()}>{column.render('Header')}</th>
))}