html表格数据点击事件,如何在iview的table单元格里实现点击事件?
生活随笔
收集整理的這篇文章主要介紹了
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单元格里实现点击事件?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 三哥退了8000枚以色列长钉反坦克导弹
- 下一篇: html代码 通用代码,新浪博客通用ht