aloha-vue 1.0.135 → 1.0.136

package/docs/src/views/PageTable/PageTable.js

@@ -22,7 +22,7 @@ export default {
           locked: true,
           grow: 2,
           footerSlot: "footerAloha",
-          class: "a_justify_content_end",
+          class: "a_text_right",
           isRender: true,
         },
         {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "aloha-vue",
   "description": "Project aloha",
-  "version": "1.0.135",
+  "version": "1.0.136",
   "author": "Ilia Brykin",
   "scripts": {
     "build-icons": "node scriptsNode/iconsSvgToJs.js bootstrap3 && node scriptsNode/iconsSvgToJs.js bootstrap-1-9-1"

package/src/ATable/ATableHeaderTh/ATableHeaderTh.js

@@ -77,7 +77,6 @@ export default {
     classForTh() {
       return [
         "a_table__th a_table__cell",
-        this.column.class,
         {
           a_table__th_draggable: !this.isLocked && !this.isLoadingOptions && this.isColumnsDnd,
           a_table__th_sorting: this.isSorting,
@@ -184,15 +183,22 @@ export default {
       return "";
     }
     return h("div", this.attributesForTh, [
-      h(this.componentLocal, this.attributesForButton, [
-        h(ATranslation, {
-          text: this.column.label,
-          tag: "span",
-        }),
-        h("span", {
-          class: "a_table__th__sort__icons",
-        }, [
-          ...this.iconsSortable,
+      h("div", {
+        class: [
+          "a_table__cell__child",
+          this.column.class,
+        ],
+      }, [
+        h(this.componentLocal, this.attributesForButton, [
+          h(ATranslation, {
+            text: this.column.label,
+            tag: "span",
+          }),
+          h("span", {
+            class: "a_table__th__sort__icons",
+          }, [
+            ...this.iconsSortable,
+          ]),
         ]),
       ]),
     ]);

package/src/ATable/ATableTd/ATableTd.js

@@ -109,7 +109,6 @@ export default {
         role: "cell",
         class: [
           "a_table__td a_table__cell",
-          this.column.class,
           {
             a_table__cell_click: this.hasPreview && !this.isFooter,
           },
@@ -178,29 +177,38 @@ export default {
     }
     return h(
       "div", 
-      this.attributesForTd,
-      (this.isSlot && this.$slots[this.slot]) ?
-        this.$slots[this.slot]({
-          column: this.column,
-          columnIndex: this.columnIndex,
-          row: this.row,
-          rowIndex: this.rowIndex,
-          rows: this.rowsLocal,
-        }) : (this.isLink && this.toLocal) ? [
-          h(resolveComponent("RouterLink"), {
-            class: [this.column.class, this.classForLink],
-            to: this.toLocal,
-          }, () => [
-            h("span", {
-              innerHTML: this.text,
-            }),
-          ]),
-        ] :
-        [
-          h("span", {
-            innerHTML: this.text,
-          }),
-        ]
+      this.attributesForTd, 
+      [
+        h("div", {
+          class: [
+            "a_table__cell__child",
+            this.column.class,
+          ],
+        }, (this.isSlot && this.$slots[this.slot]) ?
+          this.$slots[this.slot]({
+            column: this.column,
+            columnIndex: this.columnIndex,
+            row: this.row,
+            rowIndex: this.rowIndex,
+            rows: this.rowsLocal,
+          }) :
+          (this.isLink && this.toLocal) ?
+            [
+              h(resolveComponent("RouterLink"), {
+                class: [this.column.class, this.classForLink],
+                to: this.toLocal,
+              }, () => [
+                h("span", {
+                  innerHTML: this.text,
+                }),
+              ]),
+            ] :
+            [
+              h("span", {
+                innerHTML: this.text,
+              }),
+            ])
+      ]
     );
   },
 };

package/src/styles/components/ATable.scss

@@ -62,6 +62,9 @@
     background-color: var(--a_table_row_preview_focus_was_bg);
   }
 }
+.a_table__cell__child {
+  width: 100%;
+}
 .a_table__cell_checkbox {
   --a_table_cell_padding_x: 0;
 }