Basics

Formatting

Context menu

Drag n Drop

Spreadsheet

Tabs

Export (csv, html, pdf, xlsx )

RTL Layout

Layouts

Rows

Paging

Big data

Columns

Cells

Inline editing

Row Grouping

Pivot

Sorting

Filter

Selections

Nesting / Row details

Tree grid

Charts

Angular

React React

Vue Vue

Knockout

;

In the below example, the columns can be hidden / shown using checkboxes in the header dropdown menu.

There are 3 important column properties which help customise the header menu:

  1. menuInClose: Used for grouped columns, it states the initial open or close state of grouped column parents in menu.
  2. menuInDisable: Checbkox is in disabled state so show hide state of this column can't be changed in header menu e.g., CustomerName and ShippedDate column.
  3. menuInHide: This makes the column hidden in header menu. Obviously its show hide state can't be changed in header menu e.g., keepHidden column.