tableColumns tooltip render 自定义实现

      tableColumn.push({
        title: "资源名称",
        key: "dataResourceName",
        sortable: false,
        minWidth: 180,
        ellipsis: true,
        tooltip: true,
        align: "center",
        render: function (h, param) {
          if (param.row.dataResourceName !== '' && param.row.dataResourceName !== undefined && param.row.dataResourceName !== null) {
            return h('tooltip', {
              props: {
                content: param.row.dataResourceName, // tooltip 内容
                placement: 'top', // tooltip 位置
                effect: 'light' // tooltip 样式
              },
              style: {
                width: '100%', // 宽度占满父容器
                textAlign: 'left' // 文本左对齐
              },
            }, [
              h('div', {
                style: {
                  display: 'inline-block', // 设置为块级元素
                  width: '100%', // 宽度占满父容器
                  overflow: 'hidden', // 超出部分隐藏
                  textOverflow: 'ellipsis', // 超出部分用 ... 表示
                  whiteSpace: 'nowrap', // 禁止换行
                  wordBreak: 'break-all', // 允许单词断行
                  textAlign: 'left' // 文本左对齐
                },
              }, param.row.dataResourceName)
            ]);
          } else {
            return h('div', {}, '');
          }
        }
      });