Table Count

[amyodea]

Hey Team! For our new My Accounts page, we are listing all the accounts the user has access to within Console. We have a badge under the page title to show how many Accounts and SubAccounts the user has access too. Based on the documentation here, we should show the total amount within the table in the footer. https://paste.twilio.design/components/table#borderless

For this use case, the footer count would not be accurate since the user may not be seeing all accounts in the table in one view (there will be pagination after the first 5 rows). We also need to distinguish the count between Main Accounts and SubAccounts. Any feedback or thoughts on this use case? I can share a link to Figma off GitHub.

[TwilioPasteBot]

Disclaimer: This is a very experimental bot using OpenAI's GPT-4. The answers may not be correct, a human will review the answer and update it if necessary.

---

Sorry, I don't know how to help with that.

I did do a search though, and I managed to find these other Discussions that might be similar or related to your question. Give them a read to see if they answer your question. If they do, head back here and update this discussion and mark it as answered, pointing others to the related discussion:

• Badge color options (updated: 06/22/2022, similarity score: 87%)
• Badge in masthead (updated: 06/28/2022, similarity score: 84%)
• Tables/Disclosure hierarchy (Office hours: 22 Oct 2020) (updated: 07/31/2023, similarity score: 84%)

[dosubot]

For your use case with the My Accounts page, considering the pagination and the need to distinguish between Main Accounts and SubAccounts, you might want to explore customizing the table footer to include dynamic content that updates based on the current view. Since the standard table footer count won't accurately reflect the total due to pagination, you could implement a custom component or UI element within or near the footer that displays the total number of Main Accounts and SubAccounts separately. This component could update as users navigate through the pages.

Additionally, leveraging the badge component under the page title for an at-a-glance total and then providing more granular counts in the table footer or in another dedicated area of the UI could enhance user understanding and navigation. If the documentation or the linked discussions don't directly address this scenario, consider creating a custom solution that fits within the UI guidelines provided by Twilio Paste, ensuring consistency and usability.

For implementation, you might need to handle the counts on the client side if the pagination is client-side or ensure your backend accurately sends the total counts of Main Accounts and SubAccounts for the currently authenticated user if the pagination is server-side. This approach allows you to dynamically adjust the displayed counts based on the data available on the current page as well as the overall totals.

Details

About Dosu
This response is meant to be useful and save you time. It is not meant to be a precise solution, but rather a starting point for your own research.

Help me be more useful! Please leave a 👍 if this is helpful and 👎 if it is irrelevant.

To continue the conversation, mention @dosu.

[serifluous]

Hey @amyodea ! Can you send us the figma file in #help-design-system? Based on your description, continuing showing the count in the Page Header (or just generally, outside of the table) is probably fine. But we're happy to provide other suggestions if needed!

[amyodea]

Thanks Sarah! Yep, shared it in the channel.

[serifluous]

Thanks for sending it! Yep, my previous message still applies.

As a sidenote, for the badges, you should use a decorative badge, instead of a neutral badge, for the accounts badge.

[amyodea]

Great, thanks! Updated the badge to be decorative instead of neutral.