Skip to contentShopify logoPolaris
  • What’s new
  • Getting started
  • Foundations
  • Design
  • Content
  • Patterns
    New
  • Components
    • Actions
      • Account connection
      • Button
      • Button group
      • Page actions
    • Layout and structure
      • Alpha card
        Alpha
      • Alpha stack
        Alpha
      • Bleed
        Alpha
      • Box
        Alpha
      • Callout card
      • Columns
        Alpha
      • Divider
        Alpha
      • Empty state
      • Form layout
      • Inline
        Alpha
      • Layout
      • Legacy card
        Legacy
      • Legacy stack
        Legacy
      • Media card
      • Page
    • Selection and input
      • Autocomplete
      • Checkbox
      • Choice list
      • Color picker
      • Combobox
      • Contextual save bar
      • Date picker
      • Drop zone
      • Filters
      • Form
      • Index filters
      • Inline error
      • Legacy filters
        Legacy
      • Radio button
      • Range slider
      • Select
      • Tag
      • Text field
    • Images and icons
      • Avatar
      • Icon
      • Keyboard key
      • Thumbnail
      • Video thumbnail
    • Feedback indicators
      • Badge
      • Banner
      • Exception list
      • Loading
      • Progress bar
      • Skeleton body text
      • Skeleton display text
      • Skeleton page
      • Skeleton tabs
      • Skeleton thumbnail
      • Spinner
      • Toast
    • Typography
      • Text
        Beta
    • Tables
      • Data table
      • Index table
    • Lists
      • Action list
      • Description list
      • List
      • Listbox
      • Option list
      • Resource item
      • Resource list
    • Navigation
      • Footer help
      • Fullscreen bar
      • Legacy tabs
        Legacy
      • Link
      • Navigation
      • Pagination
      • Tabs
      • Top bar
    • Overlays
      • Modal
      • Popover
      • Tooltip
    • Utilities
      • App provider
      • Collapsible
      • Frame
      • Scrollable
    • Deprecated
      • Caption
        Deprecated
      • Card
        Deprecated
      • Display text
        Deprecated
      • Grid
        Deprecated
      • Heading
        Deprecated
      • Setting toggle
        Deprecated
      • Sheet
        Deprecated
      • Stack
        Deprecated
      • Subheading
        Deprecated
      • Text container
        Deprecated
      • Text style
        Deprecated
      • Visually hidden
        Deprecated
  • Tokens
  • Icons
  • Contributing
  • Tools
  • Home
  • Components
  • Tables

Tables

  • Screenshot of the data-table component

    Data table

    Data tables are used to organize and display all information from a data set. While a data visualization represents part of data set, a data table lets merchants view details from the entire set. This helps merchants compare and analyze the data.

  • Screenshot of the index-table component

    Index table

    An index table displays a collection of objects of the same type, like orders or products. The main job of an index table is to help merchants get an at-a-glance of the objects to perform actions or navigate to a full-page representation of it.

Leave feedback