The Shopify orders page uses a custom selection header with a dropdown menu to select all orders on the page or all orders of the store.
I would like to replicate this behavior with Polaris React in my application but after hours of tries I do not manage to get the same slick experience.
It would be amazing if someone can help me at Shopify or maybe outside Shopify if one us already did this implementation.
Below two screenshots to illustrate what I’m talking about:
@Luke Is there a plan to make this doable with the Polaris web components? The s-table component is quite sparse. It has a filters slot that goes in above the headers but it seems like it could use another one that would replace the header row like what’s done in IndexFilters.
Copying @Anthony_Frehner who maybe is tracking my long list of s-table feature parity requests.
I don’t have a custom component for it, but the IndexFilters component takes props for actions and for managing selection state (like selecting everything on all pages) that it puts over the header row when things are selected. So you don’t control the component that replaces the header row, but you do define elements that go there.
