Help Center > Grid Navigation

Grid Navigation

1. Sorting Data:
Click on the header of the desired column to sort the data. A second click will reverse the sorting order.
2. Searching Data:
Utilize the search field above the grid to quickly filter data based on entered criteria.
3. Value-based Filtering:
For additional data filtering, click on the filter icon in the column header and select the desired options.
4. Navigating Pages:
If there are multiple pages of data, use the navigation controls below the grid to browse different result pages.
5. Row Selection:
Click on a row to select it or hold down the Shift key while selecting multiple rows.
6. Auto-Adjusting Column Width:
Double-click on the right edge of a column header to automatically adjust the column width.
7. Keyboard Navigation:
Use arrow keys to navigate through cells. Enter opens and closes editing, while Tab or Shift + Tab moves to the next or previous cell.
You can also use Page Up, Page Down, Home and End for the same purpose.
When you press CTRL + Home and CTRL + End, it goes to the top and bottom, but the selected cell remains the same.
Essentially, it jumps to the top, and if you move with the arrow keys, you are still at the bottom.
8. Exporting Data:
You can select the emails you want, and then either copy them in CSV format, or download them in CSV or TXT format.

On some grids, when you press ENTER on that page, it maximizes and repositions the view to encompass the entire grid.
This allows for easy navigation through the grid using Page Down, Page Up, and arrow keys.
Pressing the ESC key exits from that full-size mode.

We use ag-grid, and for more info you can check their website: https://www.ag-grid.com/javascript-data-grid/getting-started/

Clicky