How to deselect a row in a single-select table?

💬 Feature Requests
1

Right folks, I cannot exclude that the systematic problem is between the chair and the keyboard so please bear with me.

I can't figure out how to deselect rows in the table (new one, not legacy). This table is set in the Single row selection mode, so there isn't these cute little selection boxes at the start of the row, which simply highlights when you click on the row.

And I don't know how to deselect a row previously selected. I don't mean programmatically, I mean through user clicks. I can select a row by clicking on it, it highlights and reacts correctly with the event handlers, but for the life of me I cannot figure out how it is meant to be de-selected.

I have tried another left click on said row, as well as ctrl-click, capital-click, right-click... I'm running out of ideas.

What am I missing?

Thanks!

2

You would have to select another row to deselect the current row selected.

3

You're right there's no way to unclick but you can script it.
It's a clunky workaround though, adding an event handler on the table row click event and storing the selectedRow in a temp variable. Compare the row click event with the last clicked one and if it's the same clear selection and if it's different set the variable.
Alternatively have a custom button on the table footer that's called "clear selection"

Example:
forum.json (387.7 KB)

2 Likes
4

There is no way to deselect the current row.
You must select another row.

5

Thanks all - changing it to Feature Requests

1 Like
6

also interested in this feature.

7

Hey all! There is the clearSelection method available on the table. So you could handle this with an external button, toolbar custom button, or table event handler depending on the desired outcome.

Happy to also file the Feature Request. For clarity on the expected behavior, are you looking for the row to be de-selected when it is clicked again?

2 Likes
8

I know you said 'not programmatically' but I don't think there is any other way, other than waiting for a Feature Update i guess. since you are using single row selection the event handler is actually very simple to get this working.

  1. create a new variable
  2. add an event to the table and copy the following:
    image
    image976×614 60.4 KB

7 lines of code. if you're a stickler, here it is in 6 lines tho lol:

if(variable22.value === table1.selectedRowKey){
  table1.clearSelection();
  variable22.setValue(null);
  return;
}
variable22.setValue(table1.selectedRowKey);
9

I created an example app of this method a few posts up in this thread :point_up:

10

Yes, a click again would be a very good way of deselecting a row. And the event handler associated would also be welcome, for example in order to clear any form fields related to the entry that is no longer selected

2 Likes
11

Internal request has been submitted and I can update this topic when there is any additional information to share. Thanks!

5 Likes
12

I had to set "Only run when" to "true" then this worked.

13

Another idea would be to add a keybinding to clear the selection?

image

1 Like
14

I had a similar need and was able to resolve it by adding a custom button to the table's toolbar.

For anyone not sure how to do that: I selected the table, under Addons, there "Toolbar" I clicked that. In the toolbar dialog I hit "+" and selected to add a custom button. I gave it an icon and set "hidden" to {{ !tblMyTable.selectedRow }} so it only shows up when there is a selection on the table. Then for interactions I clicked "+" and added a "Clear selection" for the table (for "Action" select "Control Component", then selected the target table as the "Component" and "Clear selection" as the method).

This worked out well for me because I actually had a few other things I wanted to do when the selection was cleared (cleared filters on a few of the other components, etc). It's not quite what I think you are asking for (some like clicking the row a second time will clear it) but the user sees the "Clear" icon/button show up on the toolbar whenever they select a row, so the UX isn't too bad either.

3 Likes
15

Clear Selection should be a default button to add in my opinion. Nice work around :slight_smile: