{"id":2903,"date":"2020-02-07T21:24:59","date_gmt":"2020-02-07T21:24:59","guid":{"rendered":"http:\/\/wordpress.library.illinois.edu\/wp-training\/?page_id=2903"},"modified":"2020-02-11T17:54:14","modified_gmt":"2020-02-11T17:54:14","slug":"create-tables-using-tablepress","status":"publish","type":"page","link":"https:\/\/wordpress.library.illinois.edu\/wp-training\/create-tables-using-tablepress\/","title":{"rendered":"Creating Tables Using TablePress"},"content":{"rendered":"<p>TablePress plugin is enabled on the <a href=\"https:\/\/www.library.illinois.edu\/staff\/\">library staff website<\/a> to allow easy creation and management of tables that have advanced features such as sorting, filtering, pagination and searching. You can embed the tables into posts, pages, or text widgets with a simple Shortcode. You can also import and export tables from\/to Excel, CSV, HTML, and JSON files.<\/p>\n<p>If your WordPress site doesn&#8217;t have TablePress activated but you would like to use it, please <a href=\"http:\/\/help.library.illinois.edu\/otrs\/customer.pl\">submit an OTRS ticket<\/a> with your site URL.<br \/>\n<a name=\"create\"><\/a><\/p>\n<p><em>Note: Click an image to see the enlarged version, and then click the browser&#8217;s back button to come back to the page.<\/em><\/p>\n<h2>Create a New Table<\/h2>\n<p>Go to the site&#8217;s Dashboard, in the left navigation pane, hover your mouse over &#8220;<strong>TablePress<\/strong>&#8221; and select &#8220;<strong>Add New Table<\/strong>&#8221; from the pop-up menu.<\/p>\n<p><a href=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_add_new.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2904 size-medium\" src=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_add_new-300x236.png\" alt=\"Add a new table\" width=\"300\" height=\"236\" srcset=\"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_add_new-300x236.png 300w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_add_new.png 687w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Give the table a <strong>name<\/strong>, select how many rows and columns that you want in the table (optional) and then click &#8220;<strong>Add Table<\/strong>&#8220;.<\/p>\n<p><a href=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_name.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2907 size-medium\" src=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_name-300x239.png\" alt=\"\" width=\"300\" height=\"239\" srcset=\"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_name-300x239.png 300w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_name.png 717w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>You&#8217;ll see a &#8220;<strong>The table was added successfully<\/strong>&#8221; message at the top of next screen. Make a note of the table ID. Fill out the table content and click &#8220;<strong>Save Changes<\/strong>&#8220;.<\/p>\n<p><a href=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_content.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2905 size-medium\" src=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_content-300x231.png\" alt=\"\" width=\"300\" height=\"231\" srcset=\"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_content-300x231.png 300w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_content-768x592.png 768w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_content-1024x790.png 1024w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_content.png 1054w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>A &#8220;<strong>Saving successful: the table was saved successful<\/strong>&#8221; message appear at the top of the screen briefly. Follow the instruction on the page and copy the <strong>[table \u201cstrongememstrong\u201d not found \/]<br \/>\n<\/strong> Shortcode.<\/p>\n<p><a href=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_save.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2908 size-medium\" src=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_save-300x220.png\" alt=\"\" width=\"300\" height=\"220\" srcset=\"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_save-300x220.png 300w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_save-768x563.png 768w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_save-1024x750.png 1024w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_save.png 1039w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Paste the Shortcode <strong>[table \u201cstrongememstrong\u201d not found \/]<br \/>\n<\/strong> to where you want to insert the table.<\/p>\n<p><a href=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_code.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2909 size-medium\" src=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_code-300x224.png\" alt=\"\" width=\"300\" height=\"224\" srcset=\"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_code-300x224.png 300w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_code.png 749w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Publish the page\/post and view it, you&#8217;ll see that the table has been successfully inserted.<\/p>\n<p><a href=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_page.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2910 size-medium\" src=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_page-300x175.png\" alt=\"\" width=\"300\" height=\"175\" srcset=\"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_page-300x175.png 300w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_page-768x447.png 768w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_page.png 897w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\n<a name=\"update\"><\/a><\/p>\n<h2>Update an Existing Table<\/h2>\n<p><a href=\"http:\/\/www.library.illinois.edu\/services\/wp\">Log in to WordPress<\/a>, go to the <strong>WordPress version<\/strong> of the page or post that has the table (the URL begins with <em>https:\/\/<strong>wordpress<\/strong>.library<\/em>).<\/p>\n<p>Choose which table you would like to update and scroll down to the end of that table. You\u2019ll see an \u201c<strong>Edit<\/strong>\u201d link beneath the table (on the left side), click it, you\u2019ll be taken to the table editing page.<\/p>\n<p><a href=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_edit.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2935\" src=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_edit-300x186.png\" alt=\"\" width=\"300\" height=\"186\" srcset=\"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_edit-300x186.png 300w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_edit-768x476.png 768w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_edit.png 905w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><em>Please note that at the very bottom of the page, there is a similar \u201cEdit\u201d link which takes you to the page editing screen, click the \u201cEdit\u201d above it to edit the table.<\/em><\/p>\n<p>On the table editing screen, you will see \u201c<strong>Table Information<\/strong>\u201d section, \u201c<strong>Table Content<\/strong>\u201d section, &#8220;<strong>Table Manipulation<\/strong>&#8221; section, etc.<\/p>\n<ul>\n<li>To update existing content, click a cell to edit.<\/li>\n<li>To add or remove rows or columns, in the \u201c<strong>Table Content<\/strong>\u201d section, check the box next to the row\/column, then scroll down to the \u201c<strong>Table Manipulation<\/strong>\u201d section, click \u201c<strong>Duplicate<\/strong>\u201d, \u201c<strong>Insert<\/strong>\u201d or \u201c<strong>Delete<\/strong>\u201d as needed to insert or remove rows.<a href=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_editing.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2939\" src=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_editing-300x151.png\" alt=\"\" width=\"300\" height=\"151\" srcset=\"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_editing-300x151.png 300w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_editing-768x386.png 768w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_editing.png 911w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/li>\n<\/ul>\n<p>Click &#8220;<strong>Save Changes<\/strong>&#8221; and reload the page\/post that has the table, you&#8217;ll see the changes have taken effect.<br \/>\n<a name=\"row\"><\/a><\/p>\n<h2>Change the Number of Rows Displayed on a Page<\/h2>\n<p>By default, ten rows are displayed on a page. To change the number, on the table editing screen, scroll down to the &#8220;<strong>Features of the DataTables JavaScript Library<\/strong>&#8221; section, change the number in the &#8220;<strong>Pagination<\/strong>&#8221; field and click &#8220;<strong>Save Changes<\/strong>&#8220;.<\/p>\n<p><a href=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_num_rows.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2943\" src=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_num_rows-300x123.png\" alt=\"\" width=\"300\" height=\"123\" srcset=\"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_num_rows-300x123.png 300w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_num_rows-768x314.png 768w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_num_rows-1024x419.png 1024w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_num_rows.png 1034w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\n<a name=\"import\"><\/a><\/p>\n<h2>Import a Table from Another Source<\/h2>\n<p>You can import a table from another source.\u00a0 On the table editing screen, click &#8220;<strong>Import<\/strong>&#8221; at the top of the page.<\/p>\n<ul>\n<li>Select where the source is located, if it&#8217;s a file, click &#8220;<strong>Choose File<\/strong>&#8221; to navigate to the file.<\/li>\n<li>Select the file format.<\/li>\n<li>Choose whether you want to create a new table or replace or append to an existing table.<\/li>\n<li>Click &#8220;<strong>Import<\/strong>&#8220;.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_import.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2915 size-medium\" src=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_import-300x149.png\" alt=\"\" width=\"300\" height=\"149\" srcset=\"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_import-300x149.png 300w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_import-768x380.png 768w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_import.png 832w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\n<a name=\"html\"><\/a><\/p>\n<h2>Copy and Paste the HTML Code of a Table Manually<\/h2>\n<p>If you have the HTML code of a table, you can manually add it to TablePress. Under the &#8220;<strong>Import<\/strong>&#8221; tab on the table editing screen:<\/p>\n<ul>\n<li>Check &#8220;<strong>Manual Input<\/strong>&#8221; option for the &#8220;<strong>Import Source<\/strong>&#8220;<\/li>\n<li>Select &#8220;<strong>HTML &#8211; Hypertext Markup Language<\/strong>&#8221; from the &#8220;<strong>Import Format<\/strong>&#8221; drop-down list<\/li>\n<li>Copy and paste the table&#8217;s HTML code into the &#8220;<strong>Import Data<\/strong>&#8221; field<\/li>\n<li>Choose to create a new table or replace or append to an existing table<\/li>\n<li>Click &#8220;<strong>Import<\/strong>&#8220;<\/li>\n<\/ul>\n<p><a href=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_importHtml.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2916 size-medium\" src=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_importHtml-300x191.png\" alt=\"\" width=\"300\" height=\"191\" srcset=\"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_importHtml-300x191.png 300w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_importHtml-768x489.png 768w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_importHtml-1024x653.png 1024w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2020\/02\/tablePress_importHtml.png 1053w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Please contact the <a href=\"mailto:webmaster@library.illinois.edu\">Library IT Web Team<\/a> for questions and comments.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>TablePress plugin is enabled on the library staff website to allow easy creation and management of tables that have advanced features such as sorting, filtering, pagination and searching. You can embed the tables into posts, pages, or text widgets with a simple Shortcode. You can also import and export tables from\/to Excel, CSV, HTML, and [&hellip;]<\/p>\n","protected":false},"author":25,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2903","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages\/2903","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/comments?post=2903"}],"version-history":[{"count":20,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages\/2903\/revisions"}],"predecessor-version":[{"id":2947,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages\/2903\/revisions\/2947"}],"wp:attachment":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/media?parent=2903"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}