Grids

Last modified: December 19, 2023

1 Introduction

Grids show a list of objects and include a data grid and a template grid. The main difference between these grids is the way the list of objects is displayed: a data grid shows it in columns, while a template grid shows it in tiles.

Data grid 2 is a special type of grid, available as part of the Data Widgets Marketplace module.

Grids have the following components in common:

  • Search bar – allows end-users to search for objects in the grid
  • Sort bar – allows end-users to sort items in the grid
  • Control bar – allows end-users to control the objects displayed in the grid by means of buttons

2 Choosing a Grid

If your app needs to display data on a page, different widgets suit different use cases. Determine what type of data you need to display, imagine how you would like it presented, and then consult the options below.

2.1 Data Grid

The data grid widget is well suited for these cases:

  • Displaying data as a table
  • Employing several rows and columns
  • Displaying simple text data

2.2 Template Grid

The template grid widget is well suited for these cases:

  • Displaying tiles with each list item
  • Showing an image
  • Adding a button to your list item
  • Creating a custom layout for your items

2.3 Data Grid 2

The data grid 2 widget is an expanded version of the standard data grid widget for displaying content in a tabular form. It is well suited for these cases:

  • Using personalizable data ordering and filtering
  • Having a responsive layout
  • Customizing the look and behavior of table rows and columns
  • Adding many different widgets into the grid

3 Read More