{"id":1309,"date":"2023-11-07T13:43:29","date_gmt":"2023-11-07T18:43:29","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=1309"},"modified":"2024-09-18T20:31:27","modified_gmt":"2024-09-19T00:31:27","slug":"table-block-example","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/block-library\/table-block-example\/","title":{"rendered":"Tables"},"content":{"rendered":"\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n            <div class=\"cu-textmedia flex flex-col lg:flex-row mx-auto gap-6 md:gap-10 my-6 md:my-12 first:mt-0 max-w-5xl\">\n        <div class=\"justify-start cu-textmedia-content cu-prose-first-last\" style=\"flex: 0 0 100%;\">\n            <header class=\"font-light prose-xl cu-pageheader md:prose-2xl cu-component-updated cu-prose-first-last\">\n                                    <h1 class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px text-3xl md:text-4xl lg:text-5xl lg:leading-[3.5rem] pb-5 after:w-10 text-cu-black-700 not-prose\">\n                        Tables\n                    <\/h1>\n                \n                                \n                                    \n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/carleton.ca\/cutheme-docs\/mastery\/module-1-text-block-mastery\/tables\/\">How to: Tables<\/a><\/div>\n<\/div>\n\n\n\n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<p>Pellentesque quis aliquam ante. Donec commodo congue ipsum eget ultricies. Nulla imperdiet auctor erat at egestas. Donec vel convallis dui.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th class=\"has-text-align-left\" data-align=\"left\">Header One<\/th><th class=\"has-text-align-left\" data-align=\"left\">Header Two<\/th><th class=\"has-text-align-left\" data-align=\"left\">Header Three<\/th><\/tr><\/thead><tbody><tr><td class=\"has-text-align-left\" data-align=\"left\">Content<\/td><td class=\"has-text-align-left\" data-align=\"left\">Content<\/td><td class=\"has-text-align-left\" data-align=\"left\">Content<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\">Nunc eget ex ultricies, lacinia urna in, scelerisque sem. Vestibulum tristique purus sit amet velit varius luctus.<\/td><td class=\"has-text-align-left\" data-align=\"left\">Content<\/td><td class=\"has-text-align-left\" data-align=\"left\">Nunc eget ex ultricies, lacinia urna in, scelerisque sem. Vestibulum tristique purus sit amet velit varius luctus. Nunc eget ex ultricies, lacinia urna in, scelerisque sem. Vestibulum tristique purus sit amet velit varius luctus. <\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\">Content<\/td><td class=\"has-text-align-left\" data-align=\"left\">Nunc eget ex ultricies, lacinia urna in, scelerisque sem. Vestibulum tristique purus sit amet velit varius luctus. <\/td><td class=\"has-text-align-left\" data-align=\"left\">Content<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Sed eu urna sed tortor fringilla facilisis sodales in velit. Quisque cursus ullamcorper nisi non feugiat. Morbi quis fringilla eros. Nunc eget ex ultricies, lacinia urna in, scelerisque sem. Vestibulum tristique purus sit amet velit varius luctus. Duis cursus nisl purus, id finibus ante lacinia id. Integer dictum massa sit amet urna interdum lacinia. Nullam in nisi mauris. Nam convallis nisl magna, eu lobortis felis mollis vel.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th class=\"has-text-align-left\" data-align=\"left\">Header One<\/th><th class=\"has-text-align-left\" data-align=\"left\">Header Two<\/th><th class=\"has-text-align-left\" data-align=\"left\">Header Three<\/th><\/tr><\/thead><tbody><tr><td class=\"has-text-align-left\" data-align=\"left\">Content<\/td><td class=\"has-text-align-left\" data-align=\"left\">Content<\/td><td class=\"has-text-align-left\" data-align=\"left\">Content<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\">Nunc eget ex ultricies, lacinia urna in, scelerisque sem. Vestibulum tristique purus sit amet velit varius luctus.<\/td><td class=\"has-text-align-left\" data-align=\"left\">Content<\/td><td class=\"has-text-align-left\" data-align=\"left\">Nunc eget ex ultricies, lacinia urna in, scelerisque sem. Vestibulum tristique purus sit amet velit varius luctus. Nunc eget ex ultricies, lacinia urna in, scelerisque sem. Vestibulum tristique purus sit amet velit varius luctus. <\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\">Content<\/td><td class=\"has-text-align-left\" data-align=\"left\">Nunc eget ex ultricies, lacinia urna in, scelerisque sem. Vestibulum tristique purus sit amet velit varius luctus. <\/td><td class=\"has-text-align-left\" data-align=\"left\">Content<\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">With a caption. Nunc eget ex ultricies, lacinia urna in, scelerisque sem.<\/figcaption><\/figure>\n\n\n\n<p>Aliquam ac nunc dui. Cras nec tincidunt dolor, lacinia varius sem. In bibendum massa risus, vitae maximus urna cursus nec. Vestibulum nec pulvinar felis. Vestibulum magna orci, rhoncus et laoreet vitae, maximus quis lorem. Sed quis arcu vel ex facilisis dictum. Curabitur faucibus felis nec malesuada dignissim. Donec euismod mauris vel velit dapibus, et vehicula leo sagittis. Nulla lectus odio, pretium id laoreet euismod, maximus pharetra tellus. In sit amet mollis metus, a sodales arcu. Aenean finibus elit in imperdiet tempor. Sed viverra sit amet enim quis congue. Quisque elementum neque erat, ut sollicitudin sem dignissim sed. Praesent finibus eu arcu sit amet eleifend.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th class=\"has-text-align-left\" data-align=\"left\">Header One<\/th><th class=\"has-text-align-left\" data-align=\"left\">Header Two<\/th><th class=\"has-text-align-left\" data-align=\"left\">Header Three<\/th><\/tr><\/thead><tbody><tr><td class=\"has-text-align-left\" data-align=\"left\">Content<\/td><td class=\"has-text-align-left\" data-align=\"left\">Content<\/td><td class=\"has-text-align-left\" data-align=\"left\">Content<\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\">Nunc eget ex ultricies, lacinia urna in, scelerisque sem. Vestibulum tristique purus sit amet velit varius luctus.<\/td><td class=\"has-text-align-left\" data-align=\"left\">Content<\/td><td class=\"has-text-align-left\" data-align=\"left\">Nunc eget ex ultricies, lacinia urna in, scelerisque sem. Vestibulum tristique purus sit amet velit varius luctus. Nunc eget ex ultricies, lacinia urna in, scelerisque sem. Vestibulum tristique purus sit amet velit varius luctus. <\/td><\/tr><tr><td class=\"has-text-align-left\" data-align=\"left\">Content<\/td><td class=\"has-text-align-left\" data-align=\"left\">Nunc eget ex ultricies, lacinia urna in, scelerisque sem. Vestibulum tristique purus sit amet velit varius luctus. <\/td><td class=\"has-text-align-left\" data-align=\"left\">Content<\/td><\/tr><\/tbody><tfoot><tr><td class=\"has-text-align-left\" data-align=\"left\">Footer One<\/td><td class=\"has-text-align-left\" data-align=\"left\">Footer Two<\/td><td class=\"has-text-align-left\" data-align=\"left\">Footer Three<\/td><\/tr><\/tfoot><\/table><figcaption class=\"wp-element-caption\">With a caption. Nunc eget ex ultricies, lacinia urna in, scelerisque sem.<\/figcaption><\/figure>\n\n\n\n<p>Vivamus a mi elementum, vulputate dui sit amet, venenatis ex. Quisque blandit mauris turpis, quis facilisis orci egestas vel. Aliquam quis eros ut tellus auctor semper. Sed ante mi, iaculis sed tortor ac, porttitor tincidunt erat. Maecenas mollis purus sed turpis tristique lobortis. Donec nec velit erat. Vivamus nec eros ac leo porttitor auctor sed at ipsum.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pellentesque quis aliquam ante. Donec commodo congue ipsum eget ultricies. Nulla imperdiet auctor erat at egestas. Donec vel convallis dui. Header One Header Two Header Three Content Content Content Nunc eget ex ultricies, lacinia urna in, scelerisque sem. Vestibulum tristique purus sit amet velit varius luctus. Content Nunc eget ex ultricies, lacinia urna in, scelerisque [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":105,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_cu_dining_location_slug":"","footnotes":"","_links_to":"","_links_to_target":""},"cu_page_type":[11],"class_list":["post-1309","page","type-page","status-publish","hentry","cu_page_type-general"],"acf":{"cu_post_thumbnail":false},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/1309","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/comments?post=1309"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/1309\/revisions"}],"predecessor-version":[{"id":4282,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/1309\/revisions\/4282"}],"up":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/105"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/media?parent=1309"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/cu_page_type?post=1309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}