grid cellclassname is not working

[SwapnilParticipant]

Hello Peter/Hristo

I am trying to add a cellclassname and looks like it’s not working. I can see the custom cell class added in dom, but it doesn’t apply the styles to the cell.
below is my code:

  private renderCellClassName = (row: number, columnfield: any, value: number): string => {
    const rowData = this.datafeedGrid.getrowdata(row);
    if (!!this.recordIdAndColumnNameToErrorMap[rowData?.recordId]) {
      return 'datafeed-error-row-background';
    }
    return '';
  }

this.columns.push({text: 'Restatement', datafield: 'restatement', align: 'left', cellsalign: 'left', width: '100px',
      columntype: 'checkbox', type: 'bool', cellclassname: this.renderCellClassName} as jqwidgets.GridColumn);
    

CSS :

.datafeed-error-row-background {
  background-color: lightpink !important;
}

Please let me know if I missed something.

Thanks,
Swapnil.

[SwapnilParticipant]

please look at this example. It is not working.

Example

Thanks,
Swapnil.

[adminKeymaster]

The feature should be implemented as in this example: https://www.jqwidgets.com/angular/angular-grid/angular-grid-cellsstyling.htm?light.

Best Regards,
Peter Stoev

jQWidgets Team
https://www.jqwidgets.com/

[Author]

Posts