vue+element實現給表頭添加註解

具體實現效果:
在這裏插入圖片描述

具體需求:實現對錶格表頭進行介紹
具體實現:”123“的說明爲”qwe“

代碼實現:

<el-table-column label="123" prop="qysm" :render-header="renderHeader1">
          <template slot-scope="scope">
            <span class="link-type" @click="handleUpdate('1','1110',listQuery.type,'2',scope.row)">{{scope.row.qysm}}</span>
          </template>
        </el-table-column>
renderHeader1(h, {column}) {
        return h(
          'div', [
            h('el-tooltip', {
                props: {
                  effect: 'dark',
                  content: 'qwe',
                  placement: 'top',
                },
              },
              [h('span',  column.label)])
          ]
        )
      },
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章