Dataview frozen Table Heading: Background Color when Vertical Scrolling

Custom CSS & Theme Design
,
1

Hi. I got this CSS code for frozen table headings and background heading colors.

tablefrozen th {
  position: sticky;
  top: 0; /* Sticks the headers at the top */
  z-index: 999; * Ensures headers are above other elements */
      background-color: #FFFFFF;
      font-size: 16px;
}
.tablefrozen .markdown-preview-view .table-view-table {
  display: block;
  height: 500px;
  overflow-y: scroll;
     background-color: #FFFFFF;
      font-size: 16px;
}
.tablefrozen .markdown-preview-view .table-view-table thead th {
  position: sticky;
  top: 0px; 
  background: var(--background-primary);
  z-index: 1;
  font-size: 16px;
}
.tablefrozen .block-language-dataview  {
    display: block;
    height: 400px;
    overflow: auto;
}
.tablefrozen .block-language-dataviewjs   {
    display: block;
    height: 400px;
    overflow: auto;
    font-size: 16px;
}
.tablefrozen thead.table-view-thead {
     background-color: #FFFFFF;
     font-size: 16px;
}

So I got something like this:
image

What I’m trying to do

The issue is that the heading color is fixed between columns when I scroll vertically.
image

2

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.