Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Grid HeaderRowCSSClass and FiltersRowCSSClass still not working properly in 2.1 #621

Open
BrianBCC opened this issue Mar 18, 2024 · 10 comments
Open

Grid HeaderRowCSSClass and FiltersRowCSSClass still not working properly in 2.1 #621

BrianBCC opened this issue Mar 18, 2024 · 10 comments
Labels
area-grid

Comments

@BrianBCC
Copy link

*I hate to reopen this issue after your rapid attention before but it still does not work correctly.
Since the update to 2.1 two new factors have occurred.

  1. The class for the table in the grid no longer overrides the background colour of any parent container as it did before ie table table-stiped etc are overriden if the grid is enclosed in a grid with say a blue background.
  2. More importantly the HeaderRowCSSClass only changes the color of the items it does not change the background. eg.

HeaderRowCssClass="topRow"

.topRow {
background-color: yellow;
color: dotnetcore/BootstrapBlazor#2147;
font-size: 16pt;
}
This results in header text in Oxford Blue 16pt type with a WHITE background.
Setting the FiltersRowCssClass to the same style has no effect at all
@gvreddy04
Copy link
Contributor

gvreddy04 commented Mar 18, 2024 •
edited

@BrianBCC I tried to apply the css class .top-row. It is working as expected. Please see the screenshot below.

image

<Grid TItem="Employee1"
      AllowSorting="true"
      Class="table table-hover"
      DataProvider="EmployeesDataProvider"
      HeaderRowCssClass="top-row border-bottom-0"
      Responsive="true">

    . . . 

</Grid>

image

<Grid TItem="Employee1"
      AllowFiltering="true"
      AllowSorting="true"
      Class="table table-hover"
      DataProvider="EmployeesDataProvider"
      FiltersRowCssClass="filter-row border-bottom-0"
      HeaderRowCssClass="top-row border-bottom-0"
      Responsive="true">

    . . . 

</Grid>

@gvreddy04
Copy link
Contributor

gvreddy04 commented Mar 18, 2024 •
edited

@BrianBCC If you still get this issue, please share a sample GitHub repo with minimal steps to reproduce the issue, I'll check.

@BrianBCC
Copy link
Author

BrianBCC commented Mar 18, 2024 via email

@gvreddy04
Copy link
Contributor

@BrianBCC Please attach screenshots, as I cannot see them here. Additionally, please share a sample GitHub repository to reproduce the issue.

@BrianBCC
Copy link
Author

BrianBCC commented Mar 18, 2024 via email

@BrianBCC
Copy link
Author

BrianBCC commented Mar 19, 2024 via email

@gvreddy04
Copy link
Contributor

gvreddy04 commented Mar 23, 2024 •
edited

@BrianBCC I've found the root cause of the issue. The background is being overridden when the FixedHeader parameter is set to true. As an interim solution, please override the background color variable when the Fixed header is enabled. See the code below for reference.

:root {
    --bb-table-sticky-background-color: yellow;
}

Screenshot:

image

@gvreddy04
Copy link
Contributor

@BrianBCC Additional info for your reference.

image

@BrianBCC
Copy link
Author

BrianBCC commented Mar 23, 2024 via email

@gvreddy04
Copy link
Contributor

#436

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
area-grid
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@gvreddy04 @BrianBCC