Skip to content

Table: Add example for selectable rows #5444

@mcarrano

Description

@mcarrano

In the Table component we should show as example of a table with selectable rows. We currently have this example that illustrates use of a Row Click Handler (https://www.patternfly.org/v4/components/table#row-click-handler-and-header-cell-tooltipspopovers) but it doesn't show the corresponding styles for selectable rows that were added per this core PR: patternfly/patternfly#3835

cc @mcoker


patternfly/patternfly#3835 adds:

  • .pf-m-hoverable - this class can be added to either a <tr> for a non-expandable individual table row or a <tbody> for an expandable row.
    • those elements need tabindex="0" so they can be interacted with via keyboard.
  • .pf-m-selected to the same elements for when the row or expandable row is in the selected state.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions