about CSS isolation

Question

Hi,Thank you for your assistance always.Is it possible to implement the "CSS
isolation" described in the link below in an ASP.NET Core (.net6) project
using Syncfusion.I am using Syncfusion.EJ2.AspNet.Core
version 20.2.0.43.https://learn.microsoft.com/en-us/aspnet/core/razor-pages/?view=aspnetcore-6.0&tabs=visual-studioThe application I am developing uses
e-grid, but the scope identifier listed in the above link is not added to
e-grid.Therefore, the style is not applied.If you can support "CSS
isolation", please let me know how to do so.If not, I will try to avoid using "CSS
isolation".Regards,Pylori.

Rajapandiyan Settu · Accepted Answer

Hi Pylori,Thanks for contacting Syncfusion support.Based on your query, you want to customize the Grid’s CSS
using CSS Isolation. We suggest you to use the ::deep selector as
like provided in the below code snippet to achieve your requirement.

::deep .e-grid .e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) {
     
  color: red;
  }

Documentation: https://docs.microsoft.com/en-us/aspnet/core/blazor/components/css-isolation?view=aspnetcore-5.0#child-component-support
sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/core_net6_grid_css_isolation-756138299.zipPlease refer to the above documentation for more details on CSS
Isolation and get back to us for further details.Regards,Rajapandiyan S

Pylori · Answer

Hi,Thank you very much for your answer.Thanks to you, we were able to solve the said problem.Regards,Pylori.

Rajapandiyan Settu · Answer

Hi Pylori,We are happy to hear that you have achieved your requirement
with the solution provided. Please get back to us if you need further assistance.Regards,Rajapandiyan S