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

;

Row Selections

Row selections are activated in the grid when selectionModel.type is set to row.

Rows can be selected in ParamQuery Grid either by user action or programmatically invoking the API.


User Interface:

Selection of rows

  • Individual rows are selected by click of mouse.
  • All rows are selected / deselected using Ctrl + A key combination.
  • Contiguous rows are selected by Shift + click
  • For selecting multiple non-contiguous rows, add toggle: true to selectionModel:
    selectionModel: { type: 'row', toggle: true },

Deselection of rows

Deselection behavior is affected by selectionModel.toggle property

  1. selected row is deselected by simple click on it when it's true.
  2. selected row is deselected by Ctrl + click on it when it's false.


API


Copy/paste

Selections are copied, cut and paste with Ctrl + C, Ctrl + X and Ctrl + V respectively.

Select Row Indx: 

rowSelect Event: