app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pinned_rows_react
Use the pinnedRows
prop to pin specific rows to the top of an Advanced Table. Pinned rows will remain at the top when scrolling through table data and will not change position if sorting is used.
NOTE:
- Sticky header required: Pinned rows must be used with
sticky: true
viatableProps
(works with both responsive and non-responsive tables) - Row ids required: Each object within the
tableData
Array must contain a unique id in order to attach an id to all Rows for this to function. pinnedRows
takes an array of row ids to thetop
property as shown in the code snippet below.- For expandable rows, use the parent id in
pinnedRows
, all its children will automatically be pinned with it. If id for a child is passed in without parent being pinned, nothing will be pinned.