more versatile css class configuration

1 files changed, 14 insertions, 5 deletions

diff --git a/grid/src/grid.ts b/grid/src/grid.ts
index 374f6ca..794e49b 100644
--- a/grid/src/grid.ts
+++ b/grid/src/grid.ts
@@ -7,7 +7,7 @@ interface GridProps {
     columns: Array<GridColumn>;
     pageSize?: number;
     search?: SearchConfiguration;
-    tableClassName?: string;
+    classes?: GridClasses;
 }
 
 interface GridConfiguration {
@@ -17,7 +17,12 @@ interface GridConfiguration {
     columns: Array<GridColumn>;
     pageSize: number;
     search: SearchConfiguration;
-    tableClassName: string;
+    classes: GridClasses;
+}
+
+interface GridClasses {
+    table: string;
+    thead: string;
 }
 
 interface SearchConfiguration {
@@ -41,7 +46,10 @@ export default class Grid {
         columns: [],
         data: [],
         pageSize: 0,
-        tableClassName: "table",
+        classes: {
+            table: "table",
+            thead: "table-light",
+        },
         search: {
             dataIds: [],
         },
@@ -71,7 +79,7 @@ export default class Grid {
         this.configuration.id = props.id ?? this.defaultOptions.id;
         this.configuration.debug = props.debug ?? this.defaultOptions.debug;
         this.configuration.pageSize = props.pageSize ?? this.defaultOptions.pageSize;
-        this.configuration.tableClassName = props.tableClassName ?? this.defaultOptions.tableClassName;
+        this.configuration.classes = props.classes ?? this.defaultOptions.classes;
         this.configuration.search = props.search ?? this.defaultOptions.search;
     }
 
@@ -141,7 +149,8 @@ export default class Grid {
         const table = document.createElement("table");
         const thead = document.createElement("thead");
         const tbody = document.createElement("tbody");
-        table.className = this.configuration.tableClassName;
+        table.className = this.configuration.classes.table;
+        thead.className = this.configuration.classes.thead;
         table.appendChild(thead);
         table.appendChild(tbody);
         wrapper.appendChild(table);