{"id":646,"date":"2020-05-27T16:17:25","date_gmt":"2020-05-27T16:17:25","guid":{"rendered":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/?page_id=646"},"modified":"2022-09-13T00:21:43","modified_gmt":"2022-09-13T04:21:43","slug":"tablepress","status":"publish","type":"page","link":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/third-party-plugins\/tablepress\/","title":{"rendered":"TablePress"},"content":{"rendered":"\n

Overview<\/h2>\n\n\n\n

Some information is best displayed within a table. The NC State Theme has two options for displaying tables. The Table block is the preferred option as it is simpler to use and more likely to result in a mobile-friendly table.<\/p>\n\n\n\n

For situations where you have more complex information to display, the TablePress plugin<\/a> is a good alternative.<\/p>\n\n\n\n

TablePress allows you to import and export CSV files and easily organize your table data within WordPress. It also allows you to sort columns and filter data.<\/p>\n\n\n\n

A table can be created or edited by going to “TablePress” within the left-hand menu. There you will find a listing of all of the TablePress tables on your site.<\/p>\n\n\n\n

Settings<\/h2>\n\n\n\n

There are a few settings within a TablePress setting that will make your table more user-friendly.<\/p>\n\n\n\n

Having a striped table helps with legibility. You can add striping by adding the table-striped<\/code> class name in the “Extra CSS Classes” section of “Table Options.”<\/p>\n\n\n\n

It is also helpful and important for accessibility reasons to check the “Table Head Row” box. This helps users understand what type of data is in a column.<\/p>\n\n\n\n

The “Use DataTables” option allows columns to be sorted and for content to be filtered via search.<\/p>\n\n\n\n

Adding a Table to Your Page<\/h2>\n\n\n\n

TablePress still uses WordPress shortcodes, a pre-Gutenberg way of adding custom elements to a page.<\/p>\n\n\n\n

First go to “TablePress” within the left-hand menu of your site and then click on the table that you would like to embed on a page. You should then see a page similar to the screenshot below. Copy the shortcode.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Once the shortcode has been copied, go to the page where you’d like to display the table. Insert a Shortcode block and then paste in the copied shortcode.<\/p>\n\n\n\n

The table should then render on the front-end of the page.<\/p>\n\n\n\n

Need help?<\/h2>\n\n\n\n

Have questions? Feel free to reach out with any questions or concerns at\u00a0go.ncsu.edu\/ucomm-dev-request<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Overview Some information is best displayed within a table. The NC State Theme has two options for displaying tables. The Table block is the preferred option as it is simpler to…<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":632,"menu_order":17,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ncst_dynamicHeaderBlockName":"ncst\/default-header","ncst_dynamicHeaderData":"{\"pageIntro\":\"The TablePress plugin allows you to easily populate and display semi-complex data tables.\"}","ncst_content_audit_freq":"","ncst_content_audit_date":"","footnotes":"","_links_to":"","_links_to_target":""},"acf":[],"_links":{"self":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/646"}],"collection":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/comments?post=646"}],"version-history":[{"count":3,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/646\/revisions"}],"predecessor-version":[{"id":2992,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/646\/revisions\/2992"}],"up":[{"embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/632"}],"wp:attachment":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/media?parent=646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}