q-table sticky-header-and-last-column problem

[jSinicyn]

Hi!

I have problem with https://quasar.dev/vue-components/table#example--sticky-header-and-last-column
I cheked docks example and did my style with simple CSS

Last column is sticky and use black and whit colors. But headers ignore style...

HTML

<q-table
          dense
          separator="cell"
          :rows="dataRows.data?.vr_user"
          :columns="dataColumns"
          row-key="id"
          :rows-per-page-options="[25, 50, 100]"
          :filter="filter"
          :loading="loading"
          :class="tableClass">
          
          <!-- Some custom template for table body ( adding btns and other components to cells... ) -->
          
</q-table>

Script

const tableClass = computed(() => {
  return $q.dark.isActive ? "sticky-table-dark" : "sticky-table-light";
});

CSS

/* Apply styles to the table */
.sticky-table-light,
.sticky-table-dark {
  height: 85vh;
  max-width: 100%;
}

/* =========================
   HEADER STICKY
   ========================= */
.sticky-table-light thead tr th,
.sticky-table-dark thead tr th {
  position: sticky;
  z-index: 2;
  top: 0;
}

/* header background per theme */
.sticky-table-light thead tr th {
  background-color: white !important;
  color: black;
}

.sticky-table-dark thead tr th {
  background-color: black !important;
  color: white;
}

/* Loading indicator row - highest z-index */
.sticky-table-light thead tr:last-child th,
.sticky-table-dark thead tr:last-child th {
  top: 48px;
  z-index: 3;
}

/* First header row */
.sticky-table-light thead tr:first-child th,
.sticky-table-dark thead tr:first-child th {
  top: 0;
  z-index: 1;
}

/* Last column of last header row - highest z-index */
.sticky-table-light tr:last-child th:last-child,
.sticky-table-dark tr:last-child th:last-child {
  z-index: 3;
}

/* =========================
   LAST COLUMN STICKY
   ========================= */
.sticky-table-light td:last-child,
.sticky-table-dark td:last-child {
  position: sticky;
  right: 0;
  z-index: 1;
}

.sticky-table-light th:last-child,
.sticky-table-dark th:last-child {
  position: sticky;
  right: 0;
  z-index: 2;
}

/* Last column background per theme */
.sticky-table-light td:last-child,
.sticky-table-light th:last-child {
  background-color: white !important;
}

.sticky-table-dark td:last-child,
.sticky-table-dark th:last-child {
  background-color: black !important;
  color: white;
}

/* Prevent rows sliding under header */
.sticky-table-light tbody,
.sticky-table-dark tbody {
  scroll-margin-top: 48px;
}
</style>```