We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Style a row

I'm looking for a way to hook into the api and then tell which rows to use the default/alternate row theme?

3 Replies

ZA Zack February 1, 2017 06:30 PM UTC

Like this link but in Angular 2

ZA Zack February 1, 2017 06:30 PM UTC


VA Venkatesh Ayothi Raman Syncfusion Team February 2, 2017 03:07 PM UTC

Hi Zack, 
Thanks for contacting Syncfusion support. 

We can also change the background-color for specific row in Angular 2 grid component using rowDataBound event in Grid. In this event, we can get the row details and row data for each single row. So, we can use this event and check the condition for change the back-ground color to specific row. Please refer to the code example and Help documentation for more information, 
Code example: 
<ej-grid #grid  [dataSource]="gridData" [allowPaging]="true"   (rowDataBound)= "rows($event)" > 
         . . . 
export class AppComponent { 
     . . . 
            var rowDetails = e.row; // Get the row 
            //check the condition for specific value 
            if(e.data.EmployeeID == 5) 
                rowDetails.css("background-color", "black").css("color", "white"); // change the BG color for specific rows 
        . . . 
Venkatesh Ayothiraman. 

Live Chat Icon For mobile
Up arrow icon