Answers

• colin Posts: 15,177Questions: 1Answers: 2,590

  November 2021

  Yep, something looks odd. We'll take a look and report back, though it'll likely be the end of the week,

  Colin
• sandy Posts: 913Questions: 0Answers: 236

  December 2021 Answer ✓

  Hi @shrektan ,

  Because FixedColumns is now using position: sticky it is necessary to set a background color on the cells within the table. If you don't do this then you end up with the scrolling cell text being displayed behind the fixed cells.

  The solution to this is going to be for you to overwrite the css provided with some custom css. I've made a start on changing your example, I'm sure you can manage to make the final changes to get it to all match.

  Thanks,
  Sandy
• shrektan Posts: 9Questions: 1Answers: 0

  December 2021

  Hi @sandy ,

  Thanks for the reply. Yes, I can use CSS as a temporary solution.

  But, is it possible to get fixed in datatable itself? I mean, when enabling FixedColumns, the CSS could be set automatically.

  Thanks,
  Xianying
• shrektan Posts: 9Questions: 1Answers: 0

  December 2021

  How about including something like below in FixedColumns?

  thead th, tr td {
    background-color: var(--bs-table-active-bg) !important;
    color: var(--bs-table-active-color) !important;
  }
  
• sandy Posts: 913Questions: 0Answers: 236

  December 2021

  Hi @shrektan ,

  Unfortunately not, some of the values that could be set there by bootstrap are transparent or slightly transparent - so the issue I stated above would still be present.

  Thanks,
  Sandy