diff options
Diffstat (limited to 'grid/src')
| -rw-r--r-- | grid/src/grid.ts | 19 |
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); |
