{"id":120,"date":"2022-05-10T15:38:08","date_gmt":"2022-05-10T15:38:08","guid":{"rendered":"https:\/\/digitaldocumentation.wustl.edu\/web-design-system-documentation\/?page_id=120"},"modified":"2024-10-02T14:41:42","modified_gmt":"2024-10-02T14:41:42","slug":"table","status":"publish","type":"page","link":"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/blocks\/table\/","title":{"rendered":"Table"},"content":{"rendered":"\n

The table block is an effective tool for displaying structured information, making it easier to compare and analyze content.<\/p>\n\n\n\n

When to use the table block<\/h2>\n\n\n\n

To organize data: <\/strong>
Use tables to present structured content that allows for easy comparison\/correlation.<\/p>\n\n\n\n

Comparison tasks:<\/strong>
If users need to compare adjacent content quickly.<\/p>\n\n\n\n

Example: Spring Registration Schedule<\/h3>\n\n\n\n
Date<\/th>Undergraduate<\/th>Graduate<\/th><\/tr><\/thead>
November 6, 2024<\/td>Continuing & Professional Studies<\/td>Continuing & Professional Studies
Engineering
Engineering Sever Institute<\/td><\/tr>
November 7, 2024<\/td><\/td>Arts & Sciences
Sam Fox
Master of Public Health \u2013 2nd & 3rd Year
Non-MD WUSM programs<\/td><\/tr>
November 8, 2024<\/td>Class of 2025 or Earlier<\/td>Master of Social Work \u2013  2nd & 3rd Year<\/td><\/tr>
November 11, 2024<\/td>Class of 2026<\/td><\/td><\/tr>
November 12, 2024<\/td>Class of 2027<\/td>Master of Public Health \u2013 1st Year<\/td><\/tr>
November 13, 2024<\/td>Class of 2028<\/td>Master of Social Work \u2013 1st Year<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

When not<\/em> to use the table block<\/h2>\n\n\n\n

Non-tabular information<\/strong>:
Do not use tables for layout designs or lists; opt for the listing block<\/a> or list block<\/a> instead.<\/p>\n\n\n\n

Wordy content<\/strong>:
For lengthy text or narratives, use traditional headings<\/a> and paragraphs<\/a>.<\/p>\n\n\n\n

Better visualization needed<\/strong>:
If the data is best represented as a chart or infographic<\/a>, choose those formats instead.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\n
\n
\n

Best practices <\/h3>\n\n\n\n

Clear headers<\/strong>:
Always set the top row as the header and use concise labels.<\/p>\n\n\n\n

Minimize columns<\/strong>:
Limit the number of columns to enhance readability.<\/p>\n\n\n\n

Avoid empty cells<\/strong>:
Don\u2019t leave header cells empty; use appropriate placeholders instead.<\/p>\n<\/div>\n\n\n\n

\n

Usability<\/h3>\n\n\n\n

Mobile experience<\/strong>:
Tables may not display well on mobile devices, potentially leading to a poor user experience.<\/p>\n\n\n\n

Cluttered appearance<\/strong>:
Excessive text can make tables hard to read. Keep entries concise.<\/p>\n\n\n\n

Accessibility issues<\/strong>:
Complex tables can confuse users of assistive technologies if not formatted correctly.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

How to add a table block<\/h2>\n\n\n\n
    \n
  1. In the Page Editor,<\/strong> navigate to the area of the page where you want the block to display.<\/li>\n\n\n\n
  2. Click on the Add block icon [+] and select\/search for Table<\/strong> from the block menu.<\/li>\n\n\n\n
  3. By default, the column count will be populated with 3 and the row count will be populated with 2. Make any necessary adjustments and click Create Table.<\/strong><\/li>\n\n\n\n
  4. Type your content in the table cells.<\/li>\n\n\n\n
  5. To edit the number of columns and rows, click anywhere in the table area to activate the table editor. Click Edit table<\/strong> icon (four-square grid).<\/li>\n\n\n\n
  6. Click Update<\/strong> in the upper right sidebar of the Page Editor<\/strong> to save your changes.<\/li>\n<\/ol>\n\n\n\n
    the table editor upon selection<\/h6>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    the Edit table icon<\/h6>\n\n\n\n
    \"Screenshot<\/figure>\n","protected":false},"excerpt":{"rendered":"

    The table block is an effective tool for displaying structured information, making it easier to compare and analyze content. When to use the table block To organize data: Use tables to present structured content that allows for easy comparison\/correlation. Comparison tasks: If users need to compare adjacent content quickly. Example: Spring Registration Schedule Date Undergraduate […]<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":65,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"acf":[],"yoast_head":"\nTable - Doc Central<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/blocks\/table\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Table - Doc Central\" \/>\n<meta property=\"og:description\" content=\"The table block is an effective tool for displaying structured information, making it easier to compare and analyze content. When to use the table block To organize data: Use tables to present structured content that allows for easy comparison\/correlation. Comparison tasks: If users need to compare adjacent content quickly. Example: Spring Registration Schedule Date Undergraduate […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/blocks\/table\/\" \/>\n<meta property=\"og:site_name\" content=\"Doc Central\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-02T14:41:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/wp-content\/uploads\/sites\/2\/2024\/09\/Table-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/blocks\/table\/\",\"url\":\"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/blocks\/table\/\",\"name\":\"Table - Doc Central\",\"isPartOf\":{\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/#website\"},\"datePublished\":\"2022-05-10T15:38:08+00:00\",\"dateModified\":\"2024-10-02T14:41:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/blocks\/table\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/blocks\/table\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/blocks\/table\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blocks\",\"item\":\"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/blocks\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Table\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/#website\",\"url\":\"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/\",\"name\":\"Doc Central\",\"description\":\"Just another digitaldocumentation.wustl.edu Sites site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Table - Doc Central","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/blocks\/table\/","og_locale":"en_US","og_type":"article","og_title":"Table - Doc Central","og_description":"The table block is an effective tool for displaying structured information, making it easier to compare and analyze content. When to use the table block To organize data: Use tables to present structured content that allows for easy comparison\/correlation. Comparison tasks: If users need to compare adjacent content quickly. Example: Spring Registration Schedule Date Undergraduate […]","og_url":"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/blocks\/table\/","og_site_name":"Doc Central","article_modified_time":"2024-10-02T14:41:42+00:00","og_image":[{"url":"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/wp-content\/uploads\/sites\/2\/2024\/09\/Table-1.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/blocks\/table\/","url":"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/blocks\/table\/","name":"Table - Doc Central","isPartOf":{"@id":"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/#website"},"datePublished":"2022-05-10T15:38:08+00:00","dateModified":"2024-10-02T14:41:42+00:00","breadcrumb":{"@id":"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/blocks\/table\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/digitaldocumentation.wustl.edu\/doc-central\/blocks\/table\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/blocks\/table\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/"},{"@type":"ListItem","position":2,"name":"Blocks","item":"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/blocks\/"},{"@type":"ListItem","position":3,"name":"Table"}]},{"@type":"WebSite","@id":"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/#website","url":"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/","name":"Doc Central","description":"Just another digitaldocumentation.wustl.edu Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"distributor_meta":false,"distributor_terms":false,"distributor_media":false,"distributor_original_site_name":"Doc Central","distributor_original_site_url":"https:\/\/digitaldocumentation.wustl.edu\/doc-central","push-errors":false,"_links":{"self":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/wp-json\/wp\/v2\/pages\/120"}],"collection":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/wp-json\/wp\/v2\/comments?post=120"}],"version-history":[{"count":23,"href":"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/wp-json\/wp\/v2\/pages\/120\/revisions"}],"predecessor-version":[{"id":2103,"href":"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/wp-json\/wp\/v2\/pages\/120\/revisions\/2103"}],"up":[{"embeddable":true,"href":"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/wp-json\/wp\/v2\/pages\/65"}],"wp:attachment":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/wp-json\/wp\/v2\/media?parent=120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}