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

;

Flex layout

In flex layout:

  • width of columns is equal to the content in cells. This is done by calling grid.flex() method in the refresh event.
  • Width of grid is equal to the width of columns by using width: flex option
  • Height of grid is equal to height of cells by using height: flex option

Above 3 work independently of each other so you can choose any of the options for your layout. This layout works similar to normal HTML tables and is typically used for small tables. Since there is no scrollable viewport in the grid, so virtual rendering is not used.

Try to edit the cells.