1. Feedback
  2. Blazor
  3. 34117

Welcome to the Blazor feedback portal. We’re happy you’re here! If you have feedback on how to improve the Blazor, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

0
Votes

table-striped not working anymore

Hi,

To get a striped table, add the following attribute to SfGrid:   class="table table-striped".

This worked perfectly with Syncfusion.Blazor version 19.3.0.57 and Bootstrap v4.3.1, but this does not work anymore with version 20.1.0.47 and Bootstrap v5.1.0. 

To test this: 

  • Use the latest versions and create a new project using "Syncfusion Blazor Template Studio" as template,  select "Syncfusion Blazor Server App" as project type, and select "DataGrid" as a control. 
  • Then add 
     the following attribute to SfGrid in DataGridFeatures.razor: 
     class="table table-striped"
     
  • When you run the project, a table that is not striped will be shown. 
  • To try and isolate the problem, one of the tests I did was to overwrite the bootstrap 5 files in the wwwroot/css/bootstrap folder with Bootstrap 4.3.1 files. After doing that, a striped table was shown. So using version 20.1.0.47 with the Bootstrap 4 files displays a striped table. Obviously, I will not implement it this way, but this should give you an indication where the problem lies.


For the mean time, until the bug is fixed, I have added the following to my stylesheet:

.e-altrow {

        background-color: #0000000d; 

 }