html表格数据点击事件,如何在iview的table单元格里实现点击事件？

需求是这样的，我需要做一个表格，表头和内容全都是动态的。

从服务器端获取到数据后，最后拼装成一个二维数组slotTableData，里面的内容是自 iview 2.3 支持的 html。这样就可以在界面上显示出二维数组了。

现在突然多了个需求，要求每个单元格可以点击或者鼠标悬浮提示。iview 原生不支持单元格点击事件(有pull request但是半年没通过。开发时间不足也没时间换elementui了)，本来是拼的html的div，想在里面直接使用iview的组件也不可能。

找了不少文档都说能做，但都是写在columns中的，渲染个固定内容按钮的事件倒还容易，但是我每个单元格的内容都是不同的，而且都有自己的样式，完全不知道在columns里如何读到应该是data中的数据。iview 和 vue 的文档看了好多遍 render 也没搞清楚该怎么做。

表头代码

数据代码(片段)

原本需求比较简单，只要搞定每个单元格的css和content就搞定了，但是如果加事件，完全不知道从何下手。

html表格数据点击事件,如何在iview的table单元格里实现点击事件？相关推荐

excel 单元格如何获取textbox中的值 java,把excel表格数据定义为文本框-excel中如何将单元格里的数值显示在文本框(textbox)里...
excel中如何将单元格里的数值显示在文本框(textbox)里 sheets("Sheet2").range("b3")=textbox ---------- ...
单元格内容分列多行_excel表格数据换行分列-EXCEL怎么分行呢？一个单元格有多行字，怎么向分列......
EXCEL怎么分行呢?一个单元格有多行字,怎么向分列... excel 数据拆分换行工具/材料:Microsoft Office Excel2016版,Excel文档. 1.首先选中Excel文档, ...
sum多个字段的值相加_excel表格指定数据求和-怎么让EXCEL表格多个单元格里的数值相加求和...
怎么让EXCEL表格多个单元格里的数值相加求和如果提取2010年的数据和,可以这样用一个笨方法吧,在年份A列后,插入一个辅助列比如说B列,用YEAR()提取A中的数据的年,然后隐藏,下面公该明白了 ...
成功解决在excel表格中仅在某列内插入一个空白单元格，使其下部的数据整体下移一格
成功解决在excel表格中仅在某列内插入一个空白单元格,使其下部的数据整体下移一格目录解决问题解决方法解决问题在excel表格中仅在某列内插入一个空白单元格,使其下部的数据整体下移一格解决 ...
python 拆分excel单元格_Python怎么在Excel中把一个单元格里的内容拆分提取？：excel表格已拆分的数据提取...
Python怎么在Excel中把一个单元格里的内容拆分提取? 有规律的话写代码可以处理,没有就没有办法如何将EXCEL表中的数据分离出来? 如图,B1输入:=LEFT(A1,FIND("排 ...
el-table 点击单元格可编辑点击表头可修改右击表头删除表头和内容
项目场景: 提示:这里简述项目相关背景: 点击单元格可编辑点击表头可修改表头内容 .右击表头删除内容和表头代码 html <template><div class="a ...
计算机基础知识教程excel单元格拆分,电脑内怎么将excel表格中某个单元格的内容拆分至不同单元格里...
电脑内怎么将excel表格中某个单元格的内容拆分至不同单元格里当我们在使用电脑的时候,可以下载excel软件来处理数据文件,那么如果想要将一个单元格中的内容拆分到不同的单元格中的话,应如何操作呢?接 ...
计算机单元格选项,如何在excel单元格里设置下拉选项
我们在编辑excel表格的时候,填写的很多内容都是相同的,那么我们如何在excel单元格里设置下拉选项呢?下面学习啦小编告诉你! 在excel单元格里设置下拉选项的方法首先我们先打开excel打开之 ...
Microsoft Excel 教程：如何在 Excel 中更改单元格的格式？
欢迎观看 Microsoft Excel 教程,小编带大家学习 Microsoft Excel 的使用技巧,了解如何在 Excel 中更改单元格的格式. 可以对整个单元格以及单元格中的数据应用格式. ...

html表格数据点击事件,如何在iview的table单元格里实现点击事件？

html表格数据点击事件,如何在iview的table单元格里实现点击事件？相关推荐

最新文章

热门文章