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

;

RTL Layout

pqgrid supports RTL ( Right to Left ) layout for RTL languages by following steps:

  • add dir="rtl" attribute to the grid container div or any parent ( preferably body element ).
  • use pqgrid.x.rtl.y.css instead of normal pqgrid.x.y.css variant of all pqgrid stylesheets.

There is a problem with use of brackets () in RTL layout on web pages; the closing bracket ends up at the beginning of line.

To fix that, we add special character ‎ after closing bracket in groupModel.titleDefault option.

We use replace parameter of exportData method to remove ‎ from Excel spreadsheet.