Guide applies to: modern

This is a set of tutorials to help you use the Sencha grid. The tutorials cover cover key concepts, with working examples.

Topics

The tutorials do not cover every grid feature, but instead, give you the knowledge to add features as needed.

The Basics topic covers grid basics, and addresses 90% of how you’ll use grids.

The Data Manipulation topic covers sorting, filtering, and grouping, as well as the use of plugins, including the editor plugin.

The Advanced topic delves deeper into how grids work, and also covers sparklines and has examples of integrating grids and charts.

Feature List

Grid FeaturesSenchaExample
Editing
(cells & rows)		✔Ext.grid.plugin.Editable
Ext.grid.plugin.CellEditing
Ext.grid.rowedit.Plugin
Grouping
(multiple columns)		✔Example
Locking
(multiple columns)		✔Example
Filtering
(column, customized)		✔Using the gridfilters Plugin
Sorting
(single/multiple columns)		✔Sorting on a Single column
Sorting on Multiple Columns
Column Spanning✔Column Spanning
Row Selection
(click or selection box)		✔Selection configuration
Row Operations
(user defined func)		✔Ext.grid.plugin.RowOperations
Expansion
(to show more row data)		✔Ext.grid.plugin.RowExpander
Drag & Drop
(row operation)		✔Ext.grid.plugin.RowDragDrop
Grid with Customized Row Menu Options✔Menu customization example
Flexible Selection
(rows & columns)		✔Selection configuration
Copy & Paste
(rows & columns)		✔Selection configuration
Customization & Reordering
(row/columns)		✔(Columns can be reordered by default)
Ext.grid.plugin.RowDragDrop
Cell Overflow Tooltip✔
Grid Header Tools
(customized operations eg: adding settings, print option)		✔Group Header Configuration
Drag & Drop Form to Grid(upcoming release)
Drag & Drop Grid to Grid(upcoming release)
Drag & Drop Field to Grid(upcoming release)
Add Components in Grid Rows✔
Infinite Scrolling
(for large datasets)		✔Infinite Scrolling
Pivoting
(drill down, aggregation, editor, exporter etc.)		✔Pivot grids are covered separately.
Data Export
(xls, csv)		✔Ext.grid.plugin.Exporter
Live Streaming Updates✔
Customized Themes✔