@dnax/ui 0.0.38 → 0.0.39

package/components/QSpreadsheet.vue

@@ -4118,7 +4118,12 @@ defineExpose({
       @scroll="onViewportScroll"
       @contextmenu.prevent
     >
-      <table class="q-spreadsheet__table" cellspacing="0" :style="zoomTableStyle">
+      <table
+        class="q-spreadsheet__table"
+        :class="{ 'q-spreadsheet__table--empty': cols.length === 0 }"
+        cellspacing="0"
+        :style="zoomTableStyle"
+      >
         <thead v-if="showColumnHeaders">
           <tr class="q-spreadsheet__head-row">
             <th

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dnax/ui",
-  "version": "0.0.38",
+  "version": "0.0.39",
   "module": "index.ts",
   "description": "UI design System",
   "type": "module",

package/styles/main.css

@@ -9615,14 +9615,24 @@ a.q-breadcrumbs__el:hover {
   outline: none;
 }
 .q-spreadsheet__table {
+  /* PAS de `min-width: 100%` : avec `table-layout: fixed`, un tableau étiré au-delà
+     de la somme de ses colonnes RÉPARTIT l'espace libre sur toutes les colonnes
+     (proportionnellement) — la gouttière des numéros de ligne (34px) gonflait donc
+     jusqu'à ~70px sur une grille étroite, et les largeurs configurées de colonnes
+     étaient ignorées. Ici le tableau fait exactement la somme des colonnes ;
+     l'espace restant à droite reste vide (comportement tableur). */
   width: max-content;
-  min-width: 100%;
   border-collapse: separate;
   border-spacing: 0;
   table-layout: fixed;
   font-size: 13px;
 }
 
+/* Grille sans aucune colonne : un seul message → il doit occuper toute la largeur */
+.q-spreadsheet__table--empty {
+  min-width: 100%;
+}
+
 /* ─── En-têtes ─── */
 .q-spreadsheet__corner,
 .q-spreadsheet__colhead,