@massimo-cassandro/minimo 1.32.3 → 1.32.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@massimo-cassandro/minimo",
-  "version": "1.32.3",
+  "version": "1.32.4",
   "description": "Light css framework & utilities",
   "type": "module",
   "main": "./index.js",

package/src/web-components/s-datatable-component/s-datatable-component.js

@@ -119,6 +119,13 @@ import caretRightIcon from '../../icons/caret-right.svg?inline';
  * @param {number}        perPage          Numero di righe per pagina.
  *                                           Default: `25` (default: 25)
  *
+ * @param {string}        tableClass       Classi CSS del tag `<table>`, in sostituzione delle
+ *                                           classi di default `table table-bordered`. La classe
+ *                                           interna `styles.table` (necessaria al layout del
+ *                                           componente) viene sempre applicata, a prescindere da
+ *                                           questo parametro.
+ *                                           Default: `'table table-bordered'` (default: 'table table-bordered')
+ *
  * @param {string}        renderNullAs     Stringa globale da mostrare al posto di valori null/undefined
  *                                           in tutte le colonne. Può essere sovrascritto per singola
  *                                           colonna con `_renderNullAs`.
@@ -803,6 +810,7 @@ class SimpleDatatableAdapter extends HTMLElement {
     this.appendChild(table);
 
     const perPage = +this._getParam('perPage', 25);
+    const tableClass = this._getParam('tableClass', 'table table-bordered');
 
     this._dt = new DataTable(table, {
       locale: 'it',
@@ -853,7 +861,7 @@ class SimpleDatatableAdapter extends HTMLElement {
         empty                   : styles.empty,
 
         // table
-        table                   : `table table-bordered ${styles.table}`,
+        table                   : `${styles.table} ${tableClass}`,
         // buttons in thead per il sort
         sorter                  : `btn-reset ${styles.sortBtn}`,
         ascending               : styles.sortAscending,