> ## Documentation Index > Fetch the complete documentation index at: https://developers.hubspot.com/docs/llms.txt > Use this file to discover all available pages before exploring further. --- id: d087ce63-f950-467e-a245-7bddb28a1efe --- # Table design patterns > Learn about the design patterns HubSpot recommends for using tables in app cards. Use `Table` components to render tables in app cards for displaying sets of data. Tables can be useful for when your app card needs to display a set of raw data that is too detailed or complicated to be described with text only, or when a user needs to compare sets of data. Follow the design patterns below to keep your app card consistent with HubSpot's designs. To learn more about implementation, check out the [Table component reference documentation](/apps/developer-platform/add-features/ui-extensions/ui-components/standard-components/table). ## Patterns A row should only contain a button if there's an action directly associated with the row. If needed, use the `xs` button size and `secondary` variant. Keep table row buttons right-aligned to the information they are relevant to, enabling the user to read the information from left to right, then decide to take action. Don't overwhelm users with too much information. Long form content should instead be contained in a `Panel` that can be opened from the row to prevent information from crowding the table itself. ## Example The example below is taken from HubSpot's [design patterns example app](https://github.com/HubSpot/ui-extensions-examples/tree/main/design-patterns) and [Figma design kit](/apps/developer-platform/add-features/ui-extensions/ui-components/crm-data-components/overview).