rowDataBound not working in IE

Hi,

programmatically I add a rowDataBound handler to a GridModel that acts as a childGrid in a hierarchical grid.
Everything works fine in Chrome browser but not in Internet Explorer 11, if rowDataBound handler is added
in IE no detail/child records are rendered. Console does not show up any errors. Any hints?

Thanks in advance,
Matthias

1 Reply

HJ Hariharan J V Syncfusion Team August 17, 2018 11:14 AM UTC

Hi Matthias, 
Thanks for contacting Syncfusion support. 

We have validated your query and checked the reported problem with our end. We are unable to reproduce it and we have created a sample for your reference. In the below sample we have bind the rowDataBound event for grid in load event.  

Kindly refer to the below sample for more information. 

@Component({ 
    selector: 'app-container', 
    template: `<ejs-grid #grid [dataSource]='data' [height]='300' [enableHover]='false'(load)='load()'> 
                    <e-columns> 
                        <e-column field='OrderID' headerText='Order ID' textAlign='Right' width=90></e-column> 
                    </e-columns> 
                </ejs-grid>` 
}) 
export class AppComponent implements OnInit { 
    @ViewChild('grid') 
    public grid: GridComponent; 
    public data: Object[]; 
 
    ngOnInit(): void { 
        this.data = data; 
    } 
    load() {   
        // programmatically add rowDataBound event for grid 
        this.grid.rowDataBound.subscribe(this.customiseRow.bind(this)); 
    } 
    customiseRow(args: RowDataBoundEventArgs) { 
        if (args.data['Freight'] < 30) { 
            args.row.classList.add('below-80'); 
        } 
    } 
} 

   

If we misunderstood your query then share the more information or below details it will be more helpful for us to provide a better solution as soon as possible. 

  1. Share the grid package version for further analysis.
  2. If possible share the grid code example or reproduce the reported problem with our sample.

Regards,
Hariharan 


Loader.
Up arrow icon