element-ui 使用el-table 时限制长度超出隐藏解决方案_elementui表头超出宽度隐藏

<el-table-column label="事件描述" align="center" prop="remark">

        <template slot-scope="scope">

          <el-popover

            placement="top-start"

            title="事件描述"

            width="300"

            trigger="hover"

          >

            <div>{{ scope.row.remark }}</div>

            <span slot="reference">{{

              scope.row.remark != null?  ：

              scope.row.remark.substr(0, 20) + "..." + ''

            }}</span>

          </el-popover>

        </template>

      </el-table-column>