Paginated data table in Customer UI extensions

Extensions
1

Hey there

Feeling quite limited on Polaris components in the Customer Account UI extensions scope. Long story short, I’m creating a Full Page extension containing a long list of data (old invoices from previous platform).

How does one get around to achieving something like this? I’ve got the data in order, but are limited by the available components. There’s no DataTable or utility helper for pagination.

Is there no other way than faking the table layout with the available structures and implementing a simple custom pagination? This does not feel as intended usage - it feels more like the old liquid template hacks.

2

Hey Curzey,

Asking the customer account team about this now!

1 Like
3

Thanks! Let me know if you need more information. I’ve also reached out to Patrick on Slack :yum:

I’ve reached a point with a functional layout with data and search / pagination, but it’s all custom and quite ugly due to just using Text and layout structures. It doesnt fit in.

image
image1192×700 118 KB

4

Our internal team pointed me towards this shared-components file, which you could use to combine components like BlockStack to create a table.

The team do have a dedicated table component on the roadmap but there’s no ETA we can share on when this will be available.

5

Thanks for clarification. That’s exactly what I’ve been using. I look forward to the Table component :smiley: