Add fixed-header prop fix

Author: webdevnerdstuff

src/plugin/VDrilldownTable.vue

@@ -9,6 +9,7 @@
 		:density="loadedDrilldown.density"
 		:expand-on-click="loadedDrilldown.expandOnClick"
 		:expanded="loadedDrilldown.expanded"
+		:fixed-header="loadedDrilldown.fixedHeader"
 		:group-by="loadedDrilldown.groupBy"
 		:headers="loadedDrilldown.headers"
 		:height="loadedDrilldown.height"
@@ -499,6 +500,7 @@ const tableClasses = computed<object>(() => {
 
 	return useTableClasses({
 		elevation: loadedDrilldown.elevation,
+		fixedHeader: loadedDrilldown.fixedHeader,
 		isDrilldown: props.isDrilldown,
 		isHover: loadedDrilldown.hover,
 		isServerSide,

src/plugin/composables/classes.ts

@@ -18,10 +18,11 @@ import {
 
 // -------------------------------------------------- VDrilldownTable //
 export const useTableClasses: UseTableClasses = (options) => {
-	const { elevation, isDrilldown, isHover, isServerSide, level, separator } = options;
+	const { elevation, fixedHeader, isDrilldown, isHover, isServerSide, level, separator } = options;
 
 	const classes = {
 		[`${componentName}--child`]: isDrilldown,
+		[`${componentName}--fixed-header`]: fixedHeader,
 		[`${componentName}--hover`]: isHover,
 		[`${componentName}--level-${level}`]: true,
 		[`${componentName}--server`]: isServerSide,

src/plugin/styles/main.scss

@@ -215,6 +215,40 @@
     position: relative;
   }
 
+  .v-table {
+    &--fixed-header {
+      > .v-table__wrapper {
+        > table {
+          > thead {
+            > tr {
+              > th {
+                box-shadow: none;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
+  &--fixed-header {
+    .v-table__wrapper {
+      > table {
+        > thead {
+          > tr {
+            > th {
+              box-shadow: none !important;
+            }
+
+            > td {
+              background: unset;
+            }
+          }
+        }
+      }
+    }
+  }
+
   .v-data-table-footer {
     border-bottom: var(--vdt-border);
     padding-bottom: 4px;

src/types/index.ts

@@ -578,6 +578,7 @@ export interface UseTableClasses {
 	(
 		options: {
 			elevation: string | number | undefined,
+			fixedHeader: Props['fixedHeader'],
 			isDrilldown: boolean,
 			isHover: boolean | undefined,
 			isServerSide: boolean,