Sha256: 31dc2868f058fa3c7e902ad60076debedf9ff77ee1b64e26406e5fa385d0d942

Contents?: true

Size: 1.77 KB

Versions: 771

Compression:

Stored size: 1.77 KB

Contents

**BETA VERSION**
This kit's Rails version is currently under development. Some features may not work as expected, and breaking changes may still occur; use with caution.
<br />
<br />
<br />

The AdvancedTable kit accepts tree data and automatically renders expansion controls for nested subrows, to any depth, based on the data it is given. In it's simplest form, __the kit has two required props__: 

### table_data

`table_data` accepts an array of objects as the table data. Each object is a table row, and each key:value pair within an object is a column value within that row. Nested children within a data object are automatically rendered as subrows under their parent row.

For a visual of the data structure needed for `table_data`, see [here](https://github.com/powerhome/playbook/tree/master/playbook/app/pb_kits/playbook/pb_advanced_table#readme).

### column_definitions

Column definitions are the single most important part of building a table as they are responsible for building the underlying data model that is used for all sorting, expansion, etc. `column_definitions` in the AdvancedTable kit is an array of objects as seen in the code snippet below. Each object within the array has two REQUIRED items:

- `accessor`: this is the key from your data for the value you want rendered in that column
- `label`: this is what will be rendered as the column header label

There is also one optional item that is only required if the table has nested data: 

- `cellAccessors`: This is an array of strings that represent keys from your data object. This is only required for the first column in case of nested data. If you have nested data, the AdvancedTable needs to know what to render in that first column for nested items. This array represents the nested data in the order you want it rendered.

Version data entries

771 entries across 771 versions & 2 rubygems

Version Path
playbook_ui-14.7.0.pre.alpha.PBNTR637quickpickdefaultdate4492 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.md
playbook_ui_docs-14.8.0.pre.rc.2 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.md
playbook_ui-14.8.0.pre.rc.2 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.md
playbook_ui_docs-14.7.0.pre.alpha.spacingquickchange4482 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.md
playbook_ui-14.7.0.pre.alpha.spacingquickchange4482 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.md
playbook_ui_docs-14.7.0.pre.alpha.PBNTR637quickpickdefaultdate4478 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.md
playbook_ui-14.7.0.pre.alpha.PBNTR637quickpickdefaultdate4478 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.md
playbook_ui_docs-14.7.0.pre.alpha.PBNTR667railstypeaheadformintegration4454 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.md
playbook_ui-14.7.0.pre.alpha.PBNTR667railstypeaheadformintegration4454 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.md
playbook_ui_docs-14.8.0.pre.rc.1 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.md
playbook_ui-14.8.0.pre.rc.1 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.md
playbook_ui_docs-14.7.0.pre.alpha.dependabotnpmandyarnintltelinput24704448 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.md
playbook_ui-14.7.0.pre.alpha.dependabotnpmandyarnintltelinput24704448 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.md
playbook_ui_docs-14.8.0.pre.rc.0 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.md
playbook_ui-14.8.0.pre.rc.0 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.md
playbook_ui-14.7.0 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.md
playbook_ui_docs-14.6.2.pre.alpha.PLAY1613darkdatetimecolors4432 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.md
playbook_ui-14.6.2.pre.alpha.PLAY1613darkdatetimecolors4432 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.md
playbook_ui_docs-14.7.0.pre.rc.19 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.md
playbook_ui-14.7.0.pre.rc.19 app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.md