Merge pull request #56 from Qvant-lab/qtable_multiline-header

[QTable] fix sort arrow position, fix word-breaking
altai-ui · Feb 4, 2021 · 295f2ef · 295f2ef
2 parents 5782b5c + 4deb02a
commit 295f2ef
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/qComponents/QTable/src/QTable.vue b/src/qComponents/QTable/src/QTable.vue
@@ -120,6 +120,7 @@
                           'q-icon-arrow-up': sort.direction !== 'descending',
                           'q-icon-arrow-down': sort.direction === 'descending'
                         }"
+                        @click="handleHeaderClick(column)"
                       />
 
                       <template v-if="group.draggable">

diff --git a/src/qComponents/QTable/src/q-table.scss b/src/qComponents/QTable/src/q-table.scss
@@ -182,7 +182,7 @@
     &-wrapper {
       display: flex;
       justify-content: space-between;
-      align-items: center;
+      align-items: flex-end;
     }
 
     &_align-right .q-table__header-cell-wrapper {
@@ -195,11 +195,13 @@
 
       &_original {
         display: -webkit-box;
-        align-items: center;
+        align-items: flex-end;
+        width: auto;
         overflow: hidden;
+        white-space: initial;
+        word-break: break-word;
         -webkit-line-clamp: 2;
         -webkit-box-orient: vertical;
-        white-space: initial;
       }
     }