Table with checkboxes

[fousasg]

Hello,

I am trying to create an app with a table with checkboxes in its cells (for many columns) so that the user can make selections.

Like the below:

Then I want to parse that table and use it in the next step.

Is there a way to do that?

[mturoci]

Hi @fousasg. Wave supports a single-column interactive checkbox only - https://wave.h2o.ai/docs/widgets/form/table/#checkbox-visibility. Can you elaborate on how the multi-col selection should work? Currently, it's very simple - you either check or not check the row which makes up the whole selection.

[fousasg]

Ideally, I would like to give to the app user a table, like the one presented above, that would be able to "check" some of the columns and then be able to get back those selections.

An idea could be to allow a table to have a column that could have a "cell type" of a checkbox. The same way that columns can be tags or processes.

[mturoci]

that would be able to "check" some of the columns and then be able to get back those selections.

hm.. can you send me a real-world example of this?

The same way that columns can be tags or processes.

Table currently submits q.args.<table-name> = [clicked_row_id1, clicked_row_id2...]. How would the checkboxes align with that?

[fousasg]

A real-world example could be that we have a list of variables, and we want to check the ones that should be included in a model-building process and, at the same time, pass modelling constraints (for example, monotonicity) that will be used as modelling settings, like below:

Variable	Select	Positive monotonicity	Negative monotonicity
Age
Income
Debt
Marital status
Nationality

[mturoci]

I mean if you could link a similar component / UX - flow used in other web apps. Just asking since I haven't seen it before (or maybe don't realize).

[fousasg]

Oh I see, let me have a look.

[fousasg]

I am not sure if the below help.

https://community.plotly.com/t/add-checkbox-in-a-dash-datatable/52600

https://www.pythonguis.com/faq/abstract-table-model-question/

[mturoci]

By real-world I mean whether such things are present in popular web apps like Google or maybe other AI platforms. I am asking because I haven't seen such UX pattern (or don't realize it) yet, which implies there might be a better alternative for doing so.