{"id":113,"date":"2016-09-29T15:46:09","date_gmt":"2016-09-29T15:46:09","guid":{"rendered":"https:\/\/openpress.wheatoncollege.edu\/pressbooksguide\/chapter\/tables\/"},"modified":"2024-08-30T13:32:52","modified_gmt":"2024-08-30T13:32:52","slug":"tables","status":"publish","type":"chapter","link":"https:\/\/openpress.wheatoncollege.edu\/openpressguide\/chapter\/tables\/","title":{"raw":"Tables","rendered":"Tables"},"content":{"raw":"<div class=\"textbox textbox--sidebar\">Last update: August 30th, 2024<\/div>\r\nYou can create tables in Pressbooks formatted in a variety of ways. Please view the video below to see how.\r\n\r\n<iframe id=\"kaltura_player\" title=\"How to Create a Table\" src=\"https:\/\/api.ca.kaltura.com\/p\/148\/sp\/14800\/embedIframeJs\/uiconf_id\/23449759\/partner_id\/148?iframeembed=true&amp;playerId=kaltura_player&amp;entry_id=0_bygtqnkj&amp;flashvars[streamerType]=auto&amp;flashvars[localizationCode]=en&amp;flashvars[leadWithHTML5]=true&amp;flashvars[sideBarContainer.plugin]=true&amp;flashvars[sideBarContainer.position]=left&amp;flashvars[sideBarContainer.clickToClose]=true&amp;flashvars[chapters.plugin]=true&amp;flashvars[chapters.layout]=vertical&amp;flashvars[chapters.thumbnailRotator]=false&amp;flashvars[streamSelector.plugin]=true&amp;flashvars[EmbedPlayer.SpinnerTarget]=videoHolder&amp;flashvars[dualScreen.plugin]=true&amp;flashvars[Kaltura.addCrossoriginToIframe]=true&amp;&amp;wid=0_dyj9bqg2\" width=\"800\" height=\"560\" frameborder=\"0\" sandbox=\"allow-downloads allow-forms allow-same-origin allow-scripts allow-top-navigation allow-pointer-lock allow-popups allow-modals allow-orientation-lock allow-popups-to-escape-sandbox allow-presentation allow-top-navigation-by-user-activation\" allowfullscreen=\"allowfullscreen\"><\/iframe>\r\n<table style=\"border-collapse: collapse; width: 100%;\" border=\"1\">\r\n<tbody>\r\n<tr>\r\n<td style=\"width: 10%;\"><img class=\"aligncenter wp-image-21\" src=\"https:\/\/openpress.wheatoncollege.edu\/wp-content\/uploads\/sites\/16\/2018\/08\/Screen-Shot-2018-08-17-at-11.24.39-AM.png\" alt=\"&quot;&quot;\" width=\"50\" height=\"47\" \/><\/td>\r\n<td style=\"width: 50%;\">\r\n<p style=\"text-align: left;\">See <a href=\"https:\/\/guide.pressbooks.com\/chapter\/create-tables\/\">Create Tables<\/a>\u00a0in the <em>Pressbooks User Guide<\/em>.<\/p>\r\n<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<div class=\"textbox textbox--examples\"><header class=\"textbox__header\">\r\n<p class=\"textbox__title\" style=\"text-align: center;\">Issues to Note<\/p>\r\n\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n\r\nStyling tables can be a challenge when the CSS of a book overrides the HTML for individual chapters. For help with this issue, see <a href=\"https:\/\/guide.pressbooks.com\/chapter\/apply-custom-styles\/\">Apply Custom Styles<\/a>\u00a0in the <em>Pressbooks User Guide<\/em>.\r\n<table style=\"border-collapse: collapse; width: 100%;\" border=\"0\"><caption><span class=\"TextRun SCXW152789597 BCX0\" lang=\"EN-CA\" xml:lang=\"EN-CA\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW152789597 BCX0\">Table 1: Styling Tables<\/span><\/span><\/caption>\r\n<tbody>\r\n<tr>\r\n<th style=\"width: 15%;\" scope=\"col\">Formats affected<\/th>\r\n<th style=\"width: 12.5783%;\" scope=\"col\">Feature<\/th>\r\n<th style=\"width: 20.2992%;\" scope=\"col\">Problem<\/th>\r\n<th style=\"width: 32.1225%;\" scope=\"col\">Work around<\/th>\r\n<\/tr>\r\n<tr>\r\n<td style=\"width: 15%;\">Webbook<\/td>\r\n<td style=\"width: 12.5783%;\">Table cells with more than one paragraph<\/td>\r\n<td style=\"width: 20.2992%;\">The first paragraph in each cell will have no extra space between lines. All additional paragraphs in the same cell will have extra space between the lines and the text will be larger. (Problem reported to WordPress.)<\/td>\r\n<td style=\"width: 32.1225%;\">You have two options:\r\n<ol>\r\n \t<li>Go into the Text (HTML) editor and add\u00a0a blank line after the opening &lt;td&gt; tag (this means pressing the [Enter] key twice) and saving the chapter while still in the Text (HTML) editor.<\/li>\r\n \t<li>Go into the Text (HTML) editor at encase each paragraph within a table cell in &lt;p&gt; tags. Save the chapter while still in the Text (HTML) editor.<\/li>\r\n<\/ol>\r\n<\/td>\r\n<\/tr>\r\n<tr>\r\n<td style=\"width: 15%;\">All formats<\/td>\r\n<td style=\"width: 12.5783%;\">Table borders and caption display<\/td>\r\n<td style=\"width: 20.2992%;\">After an update on December 21, 2018, borders were stripped out of many tables and table captions are displaying in light grey text below the table.<\/td>\r\n<td style=\"width: 32.1225%;\">To fix a specific table, select all cells in the table. Click the Tables icon in the WYSIWYG toolbar, and click under \"Cell\" click \"Table cell properties.\" Under \"Class\" select \"Border.\"\r\n\r\nThe following CSS will modify the display of all tables and table captions in a book. The CSS will need to be added to the Web, EPUB, and PDF Custom Styles (found under the Appearance tab in the Dashboard Menu):\r\n<p style=\"padding-left: 30px;\"><code><\/code><\/p>\r\n<code>\/*Fix table accessibility\/display*\/<\/code>\r\n<p style=\"padding-left: 30px;\"><code><\/code><\/p>\r\n<code>.front-matter td, .part td, .chapter td, .back-matter td, body#tinymce.wp-editor td {<\/code>\r\n<p style=\"padding-left: 30px;\"><code><\/code><\/p>\r\n<code>border: 1px solid;<\/code>\r\n<p style=\"padding-left: 30px;\"><code><\/code><\/p>\r\n<code>border-color: #373d3f;<\/code>\r\n<p style=\"padding-left: 30px;\"><code><\/code><\/p>\r\n<code>}<\/code>\r\n<p style=\"padding-left: 30px;\"><code><\/code><\/p>\r\n<code>.front-matter th, .part th, .chapter th, .back-matter th, body#tinymce.wp-editor th {<\/code>\r\n<p style=\"padding-left: 30px;\"><code><\/code><\/p>\r\n<code>border: 1px solid;<\/code>\r\n<p style=\"padding-left: 30px;\"><code><\/code><\/p>\r\n<code>border-color: #373d3f;<\/code>\r\n<p style=\"padding-left: 30px;\"><code><\/code><\/p>\r\n<code>}<\/code>\r\n<p style=\"padding-left: 30px;\"><code><\/code><\/p>\r\n<code>#content table caption {<\/code>\r\n<p style=\"padding-left: 30px;\"><code><\/code><\/p>\r\n<code> caption-side: top;<\/code>\r\n<p style=\"padding-left: 30px;\"><code><\/code><\/p>\r\n<code> color:#000;<\/code>\r\n<p style=\"padding-left: 30px;\"><code><\/code><\/p>\r\n<code> text-align: center; }<\/code>\r\n<p style=\"padding-left: 30px;\"><\/p>\r\n<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<\/div>\r\n<\/div>","rendered":"<div class=\"textbox textbox--sidebar\">Last update: August 30th, 2024<\/div>\n<p>You can create tables in Pressbooks formatted in a variety of ways. Please view the video below to see how.<\/p>\n<p><iframe loading=\"lazy\" id=\"kaltura_player\" title=\"How to Create a Table\" src=\"https:\/\/api.ca.kaltura.com\/p\/148\/sp\/14800\/embedIframeJs\/uiconf_id\/23449759\/partner_id\/148?iframeembed=true&amp;playerId=kaltura_player&amp;entry_id=0_bygtqnkj&amp;flashvars[streamerType]=auto&amp;flashvars[localizationCode]=en&amp;flashvars[leadWithHTML5]=true&amp;flashvars[sideBarContainer.plugin]=true&amp;flashvars[sideBarContainer.position]=left&amp;flashvars[sideBarContainer.clickToClose]=true&amp;flashvars[chapters.plugin]=true&amp;flashvars[chapters.layout]=vertical&amp;flashvars[chapters.thumbnailRotator]=false&amp;flashvars[streamSelector.plugin]=true&amp;flashvars[EmbedPlayer.SpinnerTarget]=videoHolder&amp;flashvars[dualScreen.plugin]=true&amp;flashvars[Kaltura.addCrossoriginToIframe]=true&amp;&amp;wid=0_dyj9bqg2\" width=\"800\" height=\"560\" frameborder=\"0\" sandbox=\"allow-downloads allow-forms allow-same-origin allow-scripts allow-top-navigation allow-pointer-lock allow-popups allow-modals allow-orientation-lock allow-popups-to-escape-sandbox allow-presentation allow-top-navigation-by-user-activation\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<table style=\"border-collapse: collapse; width: 100%;\">\n<tbody>\n<tr>\n<td style=\"width: 10%;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-21\" src=\"https:\/\/openpress.wheatoncollege.edu\/wp-content\/uploads\/sites\/16\/2018\/08\/Screen-Shot-2018-08-17-at-11.24.39-AM.png\" alt=\"&quot;&quot;\" width=\"50\" height=\"47\" srcset=\"https:\/\/openpress.wheatoncollege.edu\/openpressguide\/wp-content\/uploads\/sites\/16\/2018\/08\/Screen-Shot-2018-08-17-at-11.24.39-AM.png 636w, https:\/\/openpress.wheatoncollege.edu\/openpressguide\/wp-content\/uploads\/sites\/16\/2018\/08\/Screen-Shot-2018-08-17-at-11.24.39-AM-300x279.png 300w, https:\/\/openpress.wheatoncollege.edu\/openpressguide\/wp-content\/uploads\/sites\/16\/2018\/08\/Screen-Shot-2018-08-17-at-11.24.39-AM-65x61.png 65w, https:\/\/openpress.wheatoncollege.edu\/openpressguide\/wp-content\/uploads\/sites\/16\/2018\/08\/Screen-Shot-2018-08-17-at-11.24.39-AM-225x209.png 225w, https:\/\/openpress.wheatoncollege.edu\/openpressguide\/wp-content\/uploads\/sites\/16\/2018\/08\/Screen-Shot-2018-08-17-at-11.24.39-AM-350x326.png 350w\" sizes=\"(max-width: 50px) 100vw, 50px\" \/><\/td>\n<td style=\"width: 50%;\">\n<p style=\"text-align: left;\">See <a href=\"https:\/\/guide.pressbooks.com\/chapter\/create-tables\/\">Create Tables<\/a>\u00a0in the <em>Pressbooks User Guide<\/em>.<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"textbox textbox--examples\">\n<header class=\"textbox__header\">\n<p class=\"textbox__title\" style=\"text-align: center;\">Issues to Note<\/p>\n<\/header>\n<div class=\"textbox__content\">\n<p>Styling tables can be a challenge when the CSS of a book overrides the HTML for individual chapters. For help with this issue, see <a href=\"https:\/\/guide.pressbooks.com\/chapter\/apply-custom-styles\/\">Apply Custom Styles<\/a>\u00a0in the <em>Pressbooks User Guide<\/em>.<\/p>\n<table style=\"border-collapse: collapse; width: 100%;\">\n<caption><span class=\"TextRun SCXW152789597 BCX0\" lang=\"EN-CA\" xml:lang=\"EN-CA\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW152789597 BCX0\">Table 1: Styling Tables<\/span><\/span><\/caption>\n<tbody>\n<tr>\n<th style=\"width: 15%;\" scope=\"col\">Formats affected<\/th>\n<th style=\"width: 12.5783%;\" scope=\"col\">Feature<\/th>\n<th style=\"width: 20.2992%;\" scope=\"col\">Problem<\/th>\n<th style=\"width: 32.1225%;\" scope=\"col\">Work around<\/th>\n<\/tr>\n<tr>\n<td style=\"width: 15%;\">Webbook<\/td>\n<td style=\"width: 12.5783%;\">Table cells with more than one paragraph<\/td>\n<td style=\"width: 20.2992%;\">The first paragraph in each cell will have no extra space between lines. All additional paragraphs in the same cell will have extra space between the lines and the text will be larger. (Problem reported to WordPress.)<\/td>\n<td style=\"width: 32.1225%;\">You have two options:<\/p>\n<ol>\n<li>Go into the Text (HTML) editor and add\u00a0a blank line after the opening &lt;td&gt; tag (this means pressing the [Enter] key twice) and saving the chapter while still in the Text (HTML) editor.<\/li>\n<li>Go into the Text (HTML) editor at encase each paragraph within a table cell in &lt;p&gt; tags. Save the chapter while still in the Text (HTML) editor.<\/li>\n<\/ol>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 15%;\">All formats<\/td>\n<td style=\"width: 12.5783%;\">Table borders and caption display<\/td>\n<td style=\"width: 20.2992%;\">After an update on December 21, 2018, borders were stripped out of many tables and table captions are displaying in light grey text below the table.<\/td>\n<td style=\"width: 32.1225%;\">To fix a specific table, select all cells in the table. Click the Tables icon in the WYSIWYG toolbar, and click under &#8220;Cell&#8221; click &#8220;Table cell properties.&#8221; Under &#8220;Class&#8221; select &#8220;Border.&#8221;<\/p>\n<p>The following CSS will modify the display of all tables and table captions in a book. The CSS will need to be added to the Web, EPUB, and PDF Custom Styles (found under the Appearance tab in the Dashboard Menu):<\/p>\n<p style=\"padding-left: 30px;\"><code><\/code><\/p>\n<p><code>\/*Fix table accessibility\/display*\/<\/code><\/p>\n<p style=\"padding-left: 30px;\"><code><\/code><\/p>\n<p><code>.front-matter td, .part td, .chapter td, .back-matter td, body#tinymce.wp-editor td {<\/code><\/p>\n<p style=\"padding-left: 30px;\"><code><\/code><\/p>\n<p><code>border: 1px solid;<\/code><\/p>\n<p style=\"padding-left: 30px;\"><code><\/code><\/p>\n<p><code>border-color: #373d3f;<\/code><\/p>\n<p style=\"padding-left: 30px;\"><code><\/code><\/p>\n<p><code>}<\/code><\/p>\n<p style=\"padding-left: 30px;\"><code><\/code><\/p>\n<p><code>.front-matter th, .part th, .chapter th, .back-matter th, body#tinymce.wp-editor th {<\/code><\/p>\n<p style=\"padding-left: 30px;\"><code><\/code><\/p>\n<p><code>border: 1px solid;<\/code><\/p>\n<p style=\"padding-left: 30px;\"><code><\/code><\/p>\n<p><code>border-color: #373d3f;<\/code><\/p>\n<p style=\"padding-left: 30px;\"><code><\/code><\/p>\n<p><code>}<\/code><\/p>\n<p style=\"padding-left: 30px;\"><code><\/code><\/p>\n<p><code>#content table caption {<\/code><\/p>\n<p style=\"padding-left: 30px;\"><code><\/code><\/p>\n<p><code> caption-side: top;<\/code><\/p>\n<p style=\"padding-left: 30px;\"><code><\/code><\/p>\n<p><code> color:#000;<\/code><\/p>\n<p style=\"padding-left: 30px;\"><code><\/code><\/p>\n<p><code> text-align: center; }<\/code><\/p>\n<p style=\"padding-left: 30px;\">\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n","protected":false},"author":7,"menu_order":5,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-113","chapter","type-chapter","status-publish","hentry"],"part":91,"_links":{"self":[{"href":"https:\/\/openpress.wheatoncollege.edu\/openpressguide\/wp-json\/pressbooks\/v2\/chapters\/113"}],"collection":[{"href":"https:\/\/openpress.wheatoncollege.edu\/openpressguide\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/openpress.wheatoncollege.edu\/openpressguide\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/openpress.wheatoncollege.edu\/openpressguide\/wp-json\/wp\/v2\/users\/7"}],"version-history":[{"count":4,"href":"https:\/\/openpress.wheatoncollege.edu\/openpressguide\/wp-json\/pressbooks\/v2\/chapters\/113\/revisions"}],"predecessor-version":[{"id":408,"href":"https:\/\/openpress.wheatoncollege.edu\/openpressguide\/wp-json\/pressbooks\/v2\/chapters\/113\/revisions\/408"}],"part":[{"href":"https:\/\/openpress.wheatoncollege.edu\/openpressguide\/wp-json\/pressbooks\/v2\/parts\/91"}],"metadata":[{"href":"https:\/\/openpress.wheatoncollege.edu\/openpressguide\/wp-json\/pressbooks\/v2\/chapters\/113\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/openpress.wheatoncollege.edu\/openpressguide\/wp-json\/wp\/v2\/media?parent=113"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/openpress.wheatoncollege.edu\/openpressguide\/wp-json\/pressbooks\/v2\/chapter-type?post=113"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/openpress.wheatoncollege.edu\/openpressguide\/wp-json\/wp\/v2\/contributor?post=113"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/openpress.wheatoncollege.edu\/openpressguide\/wp-json\/wp\/v2\/license?post=113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}