skip to content
Primary navigation

Datagrid example

This is an example of a Datagrid page, which uses the Datagrid component and the Datagrid - Standard Display page template.

Datagrids offer an interactive way to display large amounts of data. Datagrid columns can be sorted, searched, and filtered.

Grid View (top) and Table View (bottom)

Below are two ways a datagrid can be displayed: the Grid view (top) and the Table view (bottom). Overall, they are very similar in terms of functionality. Both can be sorted by column, be searched by column, both auto-generate page navigation, and both allow you control over creating custom columns and content.

There are some major and minor differences between the two views though. The major difference between the two is that the Grid offers an expandable detail view for each row of content. If you click the arrow located to the left of a row in the Grid view, a hidden window will expand that shows more detailed data for that row. This hidden detail view does not exist in the Table view. Minor differences include the lack of ability to jump to a specific page in the Table view ("Go to page:"), and also the lack of real-time result displays as you type a search in the Table View.

If you have trouble using the DataGrid application, you may download this SCV file and open it up in your preferred spreadsheet application.
If you have trouble using the DataGrid application, you may download this SCV file and open it up in your preferred spreadsheet application.
back to top