Data grid demo | Zoho DataGrid

Search

Search a string within the grid using the search bar
Sort

Sort data in ascending/ descending order
Filter

Filter data based on conditions
Context menu

Perform contextual actions from the dropdown menu
Pagination

Navigate across the pages using the pagination bar
Print

Print your grid data
Column Highlighter

Highlights the column during mouse hover
Row Highlighter

Highlights the row during mouse hover

Pagination

Enable Number of row options

1.
2.
3.
4.
5.

+

List of Styles

Page 1 of 4 20 Rows
Page 1 to 30 of 180 1 2 3 20 Rows
Prev 1 2 3 Next 20 Rows
1 2 3 4 ... 22 20 Rows

Context Menu

Column Menu

Insert

Column Before
Column After

Auto Fit
Sort
Filter
Lock/Unlock
Delete

Row Menu

Insert
Delete

Cell Menu

Cut
Copy
Paste
Delete

Column Highlighter

Choose Default Color

Row Highlighter

Choose Default Color

Print

Set Paper Size

A4 - Size

Layout

Portrait Landscape

Margines size

Normal

Display on Print

Title
Page Number
Date
Time

Watermark

Javascript
HTML
CSS

Code

Playground

Preview

Page of 200

Page 1 to 30 of 180

...