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

;

Add / remove columns to javascript pivot grid

In this example we add a new column in final pivot view by simple array manipulation of ui.CM argument of pivotCM event.

Optionally we can also aggregates on the new column.

pivotCM: function (evt, ui) {
    //add new column.             
    ui.CM.push({
        title: 'New column',
        width: 120,
        dataIndx: 'new_col',
        summary: { type: 'sum'} 
    })                
}