Summary
User story
As a user, I want a clear way to select a table row
API
For this patch, a new boolean prop called useRowSelection should be added to the Table component. Another prop, selectedRows, will be bound via v-model by the parent component and will be an array of selected row indexes.
UI and interaction
In the Table component, when useRowSelection is true, a checkbox will be added to the start of each row, plus one in the table header that selects all checkboxes. When the user selected a row, the Table component will communicate which row(s) are selected to the parent component. Selected rows have special styles to indicate that they are selected.
Demos and testing
A new demo demonstrating row selection should be added. Unit/snapshot tests should be added to cover this new functionality.
Acceptance criteria
- The Table component has two new props: useRowSelection and selectedRows
- When useRowSelection is true, checkboxes are displayed for row selection
- Selected rows are styled properly
- The "select all rows" checkbox works intuitively
- A demo is added for row selection
- Unit tests are included
