Does anyone have examples of a list/table where each row is selectable, there's some kind of "select all" feature, and the list is paginated? I've seen GMail and GitHub issues lists. Both of which behave pretty quirkily. - ThreadSky

jakearchibald.com • 210 days ago

Does anyone have examples of a list/table where each row is selectable, there's some kind of "select all" feature, and the list is paginated?

I've seen GMail and GitHub issues lists. Both of which behave pretty quirkily.

Comments

fedetibaldo.com•210 days ago

Stripe maybe?

fedetibaldo.com•210 days ago

Like customers list, purchases list, etc

rajsite.com•209 days ago

Ours is not paginated but is virtualized (and very cool) https://nimble.ni.dev/storybook/?path=/docs/components-table--docs&args=data:LargeDataSet;selectionMode:multiple

ptrupek.bsky.social•201 days ago

What about batch actions in https://adminer.org?

faustineg.bsky.social•210 days ago

I'm actually working on exactly that problem in our internal Design System rn :)
We've chosen to emulate the Gmail approach with a "select all XX items" banner, but when it's clicked, all individual checkboxes are disabled.

jakearchibald.com•210 days ago

ohh that's a really nice workaround to the problem

faustineg.bsky.social•210 days ago

That way, we have 2 distinct modes : select everything, or make a custom selection. It's server-side paginated, so we don't want to have to handle more complex selections than that. It's a WIP, so if you come up with smth better I'd love to hear it !

jeremias.codes•210 days ago

Haven't checked myself, but pretty sure something around here could help: https://designsystems.surf/components/data-table

jakearchibald.com•210 days ago

This is great, thanks

remysharp.com•210 days ago

… no select all, but has those kinds of features: https://www.digikey.co.uk/en/products/filter/rf-transceiver-ics/879?s=N4IgjCBcoLQBxVAYygMwIYBsDOBTANCAPZQDa4ALAJwAMIhFcATAMwgC6Avp4QGyIgAlgBMoIGFSr0QABwAuY6XICeM3GPTYU3IA

Fairly sure that rs-components has something similar too.

eyalsh.bsky.social•210 days ago

Is there a select all in Google photos?

jakearchibald.com•210 days ago

Good idea, but it isn't paginated.

nemzes.net•210 days ago

I kinda like gmail's "select all → on this page → expand to select everything" approach. Not sure how that could be improved?

jakearchibald.com•210 days ago

If you select all, it says "All 50 conversations on this page are selected". If you go to the next page, you see a page with nothing selected, and it still says "All 50 conversations on this page are selected", but they aren't.

…

jakearchibald.com•210 days ago

If you expand to select everything, then go to the next page, nothing appears to be selected.

If you then select something, it's very unclear what's actually selected.

If you expand to select everything, then unselect one, it's very unclear what's actually selected.

nemzes.net•210 days ago

Ok. Yeah. Quirky. But not fundamentally a bad concept.

Posting Rules

Be respectful to others
No spam or self-promotion
Stay on topic
Follow Bluesky's terms of service

Comments

Posting Rules

Reply