How to tell if row detail is an 'alt' row

[Jeremy Carter]

We are using the grid with alternate rows (e-altrow).

If you use a detail row (e-detailrow) you cannot use a css selector to style the alt detail row.

Example:

There is no way to style the e-detailrow with an alt background color.

[Balaji Sekar]

Hi Jeremy, 

 

Greetings from the Syncfusion support. 

 

Based on your query we suspect that you want to apply the CSS in detailrow which is only in Grid’s alt row so we have enabled the alt row with applied the background color of alt-row and detail row from alt-row through CSS. Please refer the below code example and sample for more information. 

[index.html] 

<style> 

      .e-grid .e-row.e-altrow, 

      .e-grid .e-row.e-altrow + .e-detailrow { 

        background-color: grey; 

      } 

    </style> 

 

Sample link: https://stackblitz.com/edit/angular-gqmf2l-cc5xma?file=index.html  

 

Please get back to us, if you need further assistance. 

 

Regards, 

Balaji Sekar 

[Jeremy Carter]

Balaji Sekar,

Thank you for your solution. Works very well.

[Balaji Sekar]

Hi Jeremy, 

  

We glad that your issue has been fixed.  

  

Please get back to us if you require further other assistance from us. 

  

Regards, 

Balaji Sekar