{"id":390,"date":"2020-05-22T15:30:23","date_gmt":"2020-05-22T15:30:23","guid":{"rendered":"https:\/\/university-communications.ncsu.edu\/documentation\/general-wordpress\/tabular-data\/"},"modified":"2026-03-04T12:59:35","modified_gmt":"2026-03-04T17:59:35","slug":"tabular-data","status":"publish","type":"reference-article","link":"https:\/\/university-communications.ncsu.edu\/documentation\/reference-article\/tabular-data\/","title":{"rendered":"Tables and Tabular Data"},"content":{"rendered":"\n

Table Block<\/h2>\n\n\n\n

For relatively simple data, such as a set of columns each with named headings, the Table Block is easy to use, update, and understand. By default, the Table Block will fit to the width of the page content, but may be extended wider by choosing the ‘Align Wide’ option. This is especially recommended for tables with larger numbers of columns. <\/p>\n\n\n

\n \n Learn About the Table Block<\/span>\n\t\t\t\n\t\t\t\n\t\t<\/svg><\/span>\n <\/a>\n <\/div>\n \n\n\n

Ninja Tables<\/h2>\n\n\n\n

Ninja Tables is a WordPress plugin designed to help users create responsive, customizable data tables. It provides a visual interface for building tables from scratch or importing data from sources like CSV files and Google Sheets. Users can sort, filter, and search table content, making it useful for presenting structured information such as directories, pricing charts, comparison tables, or event listings.<\/p>\n\n\n\n

The plugin also includes styling controls and integration options with other WordPress tools, allowing tables to match site branding while remaining mobile-friendly. For content managers who need to publish structured data frequently, Ninja Tables offers a more flexible and scalable alternative to manually building tables in the default WordPress editor.<\/p>\n\n\n\n

To increase the width of your table within the NC State Theme, add one of the following CSS classes to the table by going to Table Design<\/code> -> Other<\/code> tab on sidebar -> Extra CSS Class for the table<\/code>.<\/p>\n\n\n\n

You can add alignwide<\/code> to make the table slightly wider than the theme’s standard paragraph width. Using alignfull<\/code> will make the table the full width of the page.<\/p>\n\n\n\n

\"Screenshot<\/a>
When editing a table in Ninja Tables, go to “Table Design” and then “Other” to access the field to apply a CSS class.<\/figcaption><\/figure>\n\n\n\n
\"Screenshot<\/a>
Adding “alignfull” or “alignwide” will increase the width of your Ninja Table table.<\/figcaption><\/figure>\n\n\n
\n \n
\n \n Read Ninja Table’s help documentation<\/span>\n\t\t\t\n\t\t\t\n\t\t<\/svg><\/span>\n <\/a>\n <\/div>\n \n\n <\/div>\n\n\n\n

TablePress<\/h2>\n\n\n\n

For more complex data that may need advanced features such as filtering, sorting, or pagination, using TablePress is recommended. TablePress is a third party plugin with basic NC State Theme styling support allowing for more in-depth customization of table functionality. <\/p>\n\n\n\n

To view an example of TablePress in action, see the official TablePress demo page<\/a>. For full documentation on how to configure and use TablePress, the TablePress Documentation site<\/a> has full details on how to fully utilize all the features available. As tables become increasingly complex, be sure to keep in mind table accessibility<\/a> requirements and best practices. <\/p>\n\n\n

\n \n Learn About TablePress<\/span>\n\t\t\t\n\t\t\t\n\t\t<\/svg><\/span>\n <\/a>\n <\/div>\n \n\n\n

Which Do I Use?<\/h2>\n\n\n\n

When considering which tool to use, the decision is ultimately determined by the content to be displayed. Because of its ease of use and need for relatively little configuration, the Table Block is a good place to start. <\/p>\n\n\n\n

If your table data:<\/p>\n\n\n\n