Changing background color of selected cells in pivotview

[Rainer]

Hi,

I use a Angular / Javascript pivotview with multiple cells selection enabled. 

How can i changed the background color of the selected cells ?

     this.pivotGridObj.gridSettings.allowSelection = true;
     this.pivotGridObj.gridSettings.selectionSettings =      { mode: 'Cell', cellSelectionMode: 'Flow', type: 'Multiple' }

I tried to access the grid object directly, but this is always undefined.

  if (this.pivotGridObj.grid !== undefined)
          this.pivotGridObj.grid.queryCellInfo = this.customiseCell;

 customiseCell(args: QueryCellInfoEventArgs) {

     // herefiltering for selected cells only 

       args.cell.classList.add('green-background');

    }

[Sivamathi Natarajan]

Hi Rainer, 

 

Thanks for contacting Syncfusion support. 

 

You can change the background-color of the selected cells in CSS. Kindly check the below code example. 

 

Code Example: 

 .e-cellselectionbackground,.e-selectionbackground,.e-pivotview .e-grid .e-rowsheader.e-selectionbackground,.e-pivotview .e-grid .e-columnsheader.e-selectionbackground { 

              background-color: greenYellow !important; 

            } 

 

 

Meanwhile, we have prepared a sample for your reference. Kindly check the below sample link for your reference.  

 

Sample Link: https://stackblitz.com/edit/4fm4hu?file=index.html 

 

We hope the above sample meets your requirement. 

 

Regards, 

Sivamathi. 

[Rainer]

Thank you, that solved my problem

[Sivamathi Natarajan]

Hi Rainer, 

 

Thanks for the reply. Please get in touch with us if you would require any further assistance.  

 

Regards, 

Sivamathi.