Polaris-react: Selectable Data Table Rows w/ Bulk Actions?

[gil--]

Feature request summary

Came across this in the new App Ads UI. From what I tell this is not standard behavior but basically surfacing selected data tables w/ bulk actions similar to Resource List but for tabular data.

Rationale

For data heavy information, a table is appropriate but we also may want to apply a bulk action on a number of the rows.---

[chaddjohnson]

DataTable components should have a selectable option whereby items have checkboxes and may be selected and have actions performed on them as in ResourceList. I am surprised this is a non-option, and I would hope Shopify did not intentionally omit this functionality. This functionality is present on the native Products page, for example, and so it is fair to ask that this be made available for developers, as well, via Polaris. There definitely are valid use cases where a shop owner would need to see stats in a list of selectable items (e.g., Products list showing number in stock, or net sales).

My use case warrants use of a DataTable -- a ResourceTable is insufficient as I need to display multiple columns at a glance. The documentation says:

Not to be used for an actionable list of items that link to details pages. For this functionality, use the [resource list] component.

I strongly disagree. As pointed out above, Shopify uses exactly this functionality in the Products and Orders lists, and Shopify's native functionality therefore violates this.

Any chance we can get a selectable option (with actions) for DataTable on the official roadmap or at least discuss this need @BPScott @AndrewMusgrave?

[chaddjohnson]

@BPScott @AndrewMusgrave @kaelig Shopify internally uses data tables with selectable and actionable rows. Why do the Polaris guidelines advise against this?

It would be helpful to know whether actionable DataTable is being considered as a roadmap item or if it will never happen.

A response would be appreciated.

[camelmasa]

They are creating an IndexTable component.
I hope it solves the problem.

Ref: https://github.com/Shopify/polaris-react/issues/390#issuecomment-669952565

[AndrewMusgrave]

Hi @chaddjohnson, sorry I missed your first ping. As @camelmasa mentioned we're creating a component to solve this need and add to Polaris. It's on our roadmap and something we're actively working on 😄

[chaddjohnson]

Fantastic news! Thank you for the responses. I am a happy camper now @AndrewMusgrave.

[itsniper]

Excellent! I'm working on my second app that could really use this component. Hopefully, it's available soon 🤞

[Alexzanderk]

Hi @AndrewMusgrave, do you have any updates on when this component IndexTable would be done?