Shopify / polaris

Shopify’s design system to help us work together to build a great experience for all of our merchants.
https://polaris.shopify.com
Other
5.79k stars 1.17k forks source link

[polaris.shopify.com] Please retain table header when bulk-selecting on an index table #10756

Open raquelbreternitz opened 1 year ago

raquelbreternitz commented 1 year ago

Hello! It would be hugely helpful if the bulk selection bar nested under the title, instead of replacing that row of space, as those title headers are very useful to reference.

To illustrate my point, imagine you just selected some items from your inventory, but then you wanted to double-check which were available and which were on hand to make sure you're transferring the right units to your shop on South Congress. You're new, and besides, you use a lot of tables in a lot of places. How much ski wax do you have on hand vs. available?

Screenshot 2023-09-28 at 11 33 46 AM

If you haven't memorized which column is which, you'd have to un-select, double-check, then reselect. Maybe that's fine for three things. What about 20? Now imagine a much heavier data table in an app, with many more columns of just numbers 😮‍💨 Or, say, 4 different very important shipping-related dates in a row:

Screenshot 2023-09-28 at 11 43 50 AM

It is less elegant, as it increases the vertical space of the table and can create a bit of a stripey experience, especially when there are filters, but enough of our users need those table headers and are referencing them when scanning and applying bulk actions, that it seems worthwhile. And I have full faith this stellar team can address the elegance question. :)

very hacky bad visuals of what I'm talking about:

from Polaris site: Screenshot 2023-09-28 at 11 08 51 AM

In Products: Screenshot 2023-09-28 at 11 29 20 AM

Since it appears that in most (if not all?) admin cases, data tables automatically come with the filter bar on top, it could work nicely to have this selection bar fade in directly under it, reducing some of the stripiness too. Not perfect, but something similar to this approach could work: Screenshot 2023-09-28 at 11 29 29 AM

thank you!

github-actions[bot] commented 6 months ago

Hi! We noticed there hasn’t been activity on this issue in a while. After 30 days, it will close automatically.

If it’s still relevant, or you have updates, comment and let us know. And don’t worry, you can always re-open later if needed.

raquelbreternitz commented 6 months ago

This is still relevant, as though the index table has been updated, it doubles down on covering up table headers. This is very disruptive to our users.

github-actions[bot] commented 3 weeks ago

Hi! We noticed there hasn’t been activity on this issue in a while. After 30 days, it will close automatically.

If it’s still relevant, or you have updates, comment and let us know. And don’t worry, you can always re-open later if needed.

raquelbreternitz commented 3 weeks ago

no not letting this one die pleaaaase our users need to read column headers