fix: Data Table: Make Table Headers Within <q-data-table> Show Title By Default quasarframework#559

Author: rstoenescu

dev/components/components/data-table.vue

@@ -237,7 +237,7 @@ export default {
           width: '120px'
         },
         {
-          label: 'Log Number',
+          label: 'Log Number <i>Wow</i>',
           field: 'log_number',
           sort: true,
           width: '100px'

src/components/data-table/TableContent.vue

@@ -19,6 +19,7 @@
             :sorting="sorting"
           ></sort-icon>
           <span v-html="col.label"></span>
+          <q-tooltip v-html="col.label"></q-tooltip>
         </th>
         <th v-if="head && scroll.horiz"></th>
       </tr>
@@ -31,11 +32,13 @@
 
 <script>
 import SortIcon from './plugins/sort/SortIcon.vue'
+import { QTooltip } from '../tooltip'
 
 export default {
   name: 'q-table-content',
   components: {
-    SortIcon
+    SortIcon,
+    QTooltip
   },
   props: {
     cols: Array,

src/components/data-table/plugins/sticky-cols/TableSticky.vue

@@ -19,6 +19,7 @@
               :sorting="sorting"
             ></sort-icon>
             <span v-html="col.label"></span>
+            <q-tooltip v-html="col.label"></q-tooltip>
           </template>
         </th>
       </tr>
@@ -32,11 +33,13 @@
 
 <script>
 import SortIcon from '../sort/SortIcon.vue'
+import { QTooltip } from '../../../tooltip'
 
 export default {
   name: 'q-table-sticky',
   components: {
-    SortIcon
+    SortIcon,
+    QTooltip
   },
   props: {
     stickyCols: Number,