Skip to main content
Skip table of contents

Data Grids

Data Grids are powerful and highly customisable tables that let you see and interact with records from one or multiple related objects, individually and in bulk.

Overview

Data Grids, or simply Grids, are a powerful feature that lets you visualise and interact with a group of records. It displays data in a tabular format and allows you to filter, sort and take actions on those records.

Grids are available in different places in the application and they are context-aware. This means that the data, options and actions available, depend on where the grid is displayed.

Grids can be broadly categorized into Main Grids which located within a View and, Single Grids when they are in other pages (not part of a View).

  1. Main Grids: These grids display and provide access to the primary information of the respective object and are not restricted or scoped by a parent object. For example, the Enrolments Main grid, lets you explore all the Enrolments and are not restricted, unless you use the available filters, to any other object such as a Student or Agent.

    image-20241210-003807.png
  2. Single Grids: In contrast to the Main Grids, the Single grids are scoped or restricted by a parent object. For example, when you go to the Offers tab, under a particular student, you will see a grid displaying only the offers for that student. On this grid, you cannot see the offers for other students.

    image-20241210-004119.png

Grid’s Composition

Although the options and actions available on every grid might be different, the components are the same.

image-20241210-005010.png

A. Header Filter: Basic filters for the data grid. These filters will be different on every grid.

B. Search Button: Executes a search using all applied filters, including header filters and column filters.

C. Reset Filter: Resets all filters applied in the Header Filter to their default values.

D. Filtered Indicator: This icon indicates that the data set is being filtered.

E. Action Buttons: When one or more records are selected, the available actions will display in this section. Some actions are only available when only one record is selected.

F. Refresh Data: Click this button to refresh and get the latest data. Your applied filters will remain unchanged.

G. Column Chooser: Customise columns in the grid.

H. Export: Export the current data on the grid. 

I. Column Filter: The column filters assists in refining the results by filtering the values for a specific column. Once a value is entered for filtering, the results are automatically updated.

The filter options might differ for each column and some columns do not allow any filters.

J. Advanced Filter panel: Create advanced filters using more complex conditions. 

Customise the Grids

Refer to this article: Customise the Grids

Refresh and Reset the Grid

  1. Refresh Grid: For grids that handle rapid-changing data, you can refresh the data on the grid without reloading the page. You can do so by clicking on the ‘Refresh’ button.

  2. Reset Grid (Single Grids only): When you want to reset the configuration for a Single Grid to its default configuration, click on the ‘Reset button’.

    [Example] Offer Items Grid

To reset the Main Grids to their default configuration , you need to reset the View that it belongs to. Go here for more details.

Export Data from the Grid

Refer to this article: Export Data from the Grid

Grid Actions for Single/Multiple Records

Permission Required:

Check with your system administrator about the permission required.

Most of the grids offer options that let you perform an action on one or multiple records at the same time. For example, sending an email or SMS to multiple students.

The actions available on every grid might be different as the actions available depends on the context of the grid. Also, some actions might or might not be available when a single or multiple records are selected.

  1. Search records that you want to action on.

  2. Select the records through Select Boxes.

  3. Click on the Action Button that you want to perform.

  4. Depending on the selected action, further options might be displayed.

    MP4 to GIF (4).gif

Example of using Select boxes

This example shows how to start sending single/multiple SMS using Select Boxes in the Student object.

  1. Search students that you intend to send the SMS to.

  2. Select the students. (Check that action options are different depending on single/bulk selection).

  3. Click Send Message > Send SMS, then follow the instruction.

    For more detail about Send SMS, see this article: Sending SMS.

    MP4 to GIF (6).gif

Filters

For details information, please refer to this article: Filters

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.