question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Create Multiple Selectable Table Component

See original GitHub issue

Issue Description

We want a table where multiple rows of a terra-table can be selected. Currently, there is only a SingleSelectableRows component. A parallel MultipleSelectableRows component should be made.

Issue Type

  • New Feature
  • Enhancement
  • Bug
  • Other

Expected Behavior

  • Initial Render
    • The table is rendered with any preselected row selected
      • Honors the isSelected prop
  • Clicking on an unselected row will select the row unless isSelectable is false. *
  • Clicking on a selected row will deselect the row unless isSelectable is false. *
  • Multiple rows can be selected
  • A callback function can be provided to the component that is called after any row is selected or deselected.

* - isSelectable could be renamed/ a new prop with different name could be used to something else to better convey this functionality, especially with deselect.

Current Behavior

N/A

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:16 (16 by maintainers)

github_iconTop GitHub Comments

3reactions
jmsv6dcommented, Sep 21, 2017

I’d prefer to keep isSelectable prop the same. It’s the same terminology used in our other components (i.e. List). I believe that it’s generally understood that a component that allows multiple items to be selected also allows you to deselect those items. And I’m not a fan of making non-passive api changes for the sole purpose of renaming a prop.

1reaction
bjankordcommented, Nov 16, 2017

@dv297 This has been released in terra-table 1.16.0

Read more comments on GitHub >

github_iconTop Results From Across the Web

Flow Screen Input Component: Multi-Select Table
Configure the Multi-Select Table Component. You can select resources from the flow, such as variables or global constants, or you can manually enter...
Read more >
Creating a Multi-Selection Table
Right-click the Table icon and from the context menu, choose Configure . · Select the Multi-selection checkbox. · Select the line connecting the...
Read more >
Multi item selection - DataTables example
The select.style option provides the ability to control how items are selected in the table. It is a string that can be used...
Read more >
how to make a table with multiple selection and generic, using ...
I want to make a table component , using Titem that is reusable with multiple selection, I managed to do the multiple selection...
Read more >
Enabling Multiple Selection in Tables - SAPUI5 SDK
You have two options: You can enable multiple selections at the object page level for all tables on the object page. To do...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found