{"id":2146,"date":"2018-07-06T12:28:39","date_gmt":"2018-07-06T02:28:39","guid":{"rendered":"https:\/\/www.thebuzz.net.au\/docs\/?post_type=ht_kb&#038;p=2146"},"modified":"2018-10-22T18:55:50","modified_gmt":"2018-10-22T07:55:50","slug":"working-with-tables","status":"publish","type":"ht_kb","link":"https:\/\/www.thebuzz.net.au\/docs\/knowledge-base\/working-with-tables\/","title":{"rendered":"Working with tables"},"content":{"rendered":"<h2>Create a table<\/h2>\n<ol>\n<li>Click on the <strong>Table<\/strong> toolbar icon and use the grid selector to choose the number of columns\/rows you need. You can add more later if necessary.\n<p><a href=\"https:\/\/www.thebuzz.net.au\/docs\/wp-content\/uploads\/sites\/39\/2018\/07\/2018-07-25_0938.png\" data-rel=\"lightcase\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2396 alignnone\" src=\"https:\/\/www.thebuzz.net.au\/docs\/wp-content\/uploads\/sites\/39\/2018\/07\/2018-07-25_0938.png\" alt=\"\" width=\"387\" height=\"266\" srcset=\"https:\/\/d1dfwahqlx324v.cloudfront.net\/uploads\/sites\/39\/2018\/07\/2018-07-25_0938.png 387w, https:\/\/d1dfwahqlx324v.cloudfront.net\/uploads\/sites\/39\/2018\/07\/2018-07-25_0938-300x206.png 300w, https:\/\/d1dfwahqlx324v.cloudfront.net\/uploads\/sites\/39\/2018\/07\/2018-07-25_0938-50x34.png 50w, https:\/\/d1dfwahqlx324v.cloudfront.net\/uploads\/sites\/39\/2018\/07\/2018-07-25_0938-60x41.png 60w, https:\/\/d1dfwahqlx324v.cloudfront.net\/uploads\/sites\/39\/2018\/07\/2018-07-25_0938-100x69.png 100w\" sizes=\"auto, (max-width: 387px) 100vw, 387px\" \/><\/a><\/p>\n<\/li>\n<li>\n<p>Insert your data into the newly created table.<\/p>\n<\/li>\n<li>Depending on your theme, you can also style the table by placing your text cursor inside the table (any cell will do) and selecting a style from the <strong>Formats<\/strong> dropdown in the toolbar. Typically a Buzz theme will have two styles: <strong>Table Standard<\/strong> for a regular bordered table, and <strong>Table Banded<\/strong> for a table style with alternating coloured rows.<\/li>\n<li>To add a header row, right-click the row you want to make the header and in the pop-up, go to <strong>Row &gt; Table Row Properties. <\/strong>From there, select the Row Type <strong>Header<\/strong>. This will bring the row to the top of the table and, depending on your theme, apply a header style.<\/li>\n<li>To add or remove columns and rows, the same process applies. Right-click the row or column you want to modify and use the options in the <strong>Row <\/strong>and <strong>Column<\/strong> menus to add\/remove.<\/li>\n<\/ol>\n<h2>Modify a Table<\/h2>\n<p>By default, the table will resize its columns to fit the width of the content, however sometimes you&#8217;ll want to set your own layout. To set the width of a column, select all the cells in that column and right click inside the selection to access the context menu. You can include multiple columns in the selection if you wish.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2476 alignnone\" src=\"https:\/\/www.thebuzz.net.au\/docs\/wp-content\/uploads\/sites\/39\/2018\/07\/table-drag-select.png\" alt=\"\" width=\"378\" height=\"109\" srcset=\"https:\/\/d1dfwahqlx324v.cloudfront.net\/uploads\/sites\/39\/2018\/07\/table-drag-select.png 378w, https:\/\/d1dfwahqlx324v.cloudfront.net\/uploads\/sites\/39\/2018\/07\/table-drag-select-300x87.png 300w, https:\/\/d1dfwahqlx324v.cloudfront.net\/uploads\/sites\/39\/2018\/07\/table-drag-select-50x14.png 50w, https:\/\/d1dfwahqlx324v.cloudfront.net\/uploads\/sites\/39\/2018\/07\/table-drag-select-60x17.png 60w, https:\/\/d1dfwahqlx324v.cloudfront.net\/uploads\/sites\/39\/2018\/07\/table-drag-select-100x29.png 100w\" sizes=\"auto, (max-width: 378px) 100vw, 378px\" \/><br \/>\nSelect <em>cell -&gt; Table cell properties<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2469 alignnone\" src=\"https:\/\/www.thebuzz.net.au\/docs\/wp-content\/uploads\/sites\/39\/2018\/07\/table-properties.png\" alt=\"\" width=\"420\" height=\"222\" srcset=\"https:\/\/d1dfwahqlx324v.cloudfront.net\/uploads\/sites\/39\/2018\/07\/table-properties.png 420w, https:\/\/d1dfwahqlx324v.cloudfront.net\/uploads\/sites\/39\/2018\/07\/table-properties-300x159.png 300w, https:\/\/d1dfwahqlx324v.cloudfront.net\/uploads\/sites\/39\/2018\/07\/table-properties-50x26.png 50w, https:\/\/d1dfwahqlx324v.cloudfront.net\/uploads\/sites\/39\/2018\/07\/table-properties-60x32.png 60w, https:\/\/d1dfwahqlx324v.cloudfront.net\/uploads\/sites\/39\/2018\/07\/table-properties-100x53.png 100w\" sizes=\"auto, (max-width: 420px) 100vw, 420px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>From here you can define the desired width. We recommend using percentages so that the table will scale gracefully to different screen sizes. For four even sized columns, set the width of each to 25%.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2470 alignnone\" src=\"https:\/\/www.thebuzz.net.au\/docs\/wp-content\/uploads\/sites\/39\/2018\/07\/table-cell-properties.png\" alt=\"\" width=\"386\" height=\"298\" srcset=\"https:\/\/d1dfwahqlx324v.cloudfront.net\/uploads\/sites\/39\/2018\/07\/table-cell-properties.png 386w, https:\/\/d1dfwahqlx324v.cloudfront.net\/uploads\/sites\/39\/2018\/07\/table-cell-properties-300x232.png 300w, https:\/\/d1dfwahqlx324v.cloudfront.net\/uploads\/sites\/39\/2018\/07\/table-cell-properties-50x39.png 50w, https:\/\/d1dfwahqlx324v.cloudfront.net\/uploads\/sites\/39\/2018\/07\/table-cell-properties-60x46.png 60w, https:\/\/d1dfwahqlx324v.cloudfront.net\/uploads\/sites\/39\/2018\/07\/table-cell-properties-100x77.png 100w\" sizes=\"auto, (max-width: 386px) 100vw, 386px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2>Delete a Table<\/h2>\n<p>The easiest way to delete a table is to right click inside it and select &#8220;Delete Table&#8221; from the context menu.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Create a table Click on the Table toolbar icon and use the grid selector to choose the number of columns\/rows you need. You can add more later if necessary. Insert your data into the newly created table. Depending on your theme, you can also style the table by placing your&#8230;<\/p>\n","protected":false},"author":58,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[220],"ht-kb-tag":[218,253],"class_list":["post-2146","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-articles","ht_kb_tag-content","ht_kb_tag-table"],"_links":{"self":[{"href":"https:\/\/www.thebuzz.net.au\/docs\/wp-json\/wp\/v2\/ht-kb\/2146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thebuzz.net.au\/docs\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.thebuzz.net.au\/docs\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.thebuzz.net.au\/docs\/wp-json\/wp\/v2\/users\/58"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thebuzz.net.au\/docs\/wp-json\/wp\/v2\/comments?post=2146"}],"version-history":[{"count":10,"href":"https:\/\/www.thebuzz.net.au\/docs\/wp-json\/wp\/v2\/ht-kb\/2146\/revisions"}],"predecessor-version":[{"id":2478,"href":"https:\/\/www.thebuzz.net.au\/docs\/wp-json\/wp\/v2\/ht-kb\/2146\/revisions\/2478"}],"wp:attachment":[{"href":"https:\/\/www.thebuzz.net.au\/docs\/wp-json\/wp\/v2\/media?parent=2146"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.thebuzz.net.au\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=2146"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.thebuzz.net.au\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=2146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}