Skip to Content

Communications and Public Affairs

Data Tables

A data table helps you organize structured data and allows sorting of the table by column or content. This table is ideal for nonchronological information such as majors lists, offices or department lists, or lists of links to documents.


    The data table works like a regular table with the addition of both sorting and filtering functionality. The garnet background in the header bar indicates which column the table is being sorted by, and the arrow in the box indicates ascending or descending order. The user can click on other column headers to change how the table is being sorted. For this reason, don't use a data table for information that must be displayed in a certain order. 

    In addition to sortable headers, there is a filter at the top of the table that will filter table results as you type in keywords. The filter box reads all the visible columns as well as a hidden column in which you can input keywords or other filtering information. For example, on the majors page, the hidden column has a list of careers associated with each major. 

    The data tables also have built-in pagination that displays the first 25 items. The user can click through the other pages to see more. The filter box filters the entire table, not just the first 25 viewable items.

    All data tables must have header rows to be accessible. Follow the university's accessibility guidelines for tables in OU Campus on the Digital Accessibility site to ensure that your table content complies with university policy.

  • Data table example


Challenge the conventional. Create the exceptional. No Limits.