iView+VUE根据数据设置表格行高亮

我这里的业务场景是左侧列表点击各行会显示其对应的数据在右侧现将右侧一数据移动到左侧另一行麾下当前选中高亮行应进行切换

这里采取监听方式监听用户是否对数据进行了移动到其他地方如果有将移动到的地方的某一个唯一数据（如id）通过父子间传值最后监听改变高亮行

父子间传值方式详情请另学习这里不多说

this.$emit() props

props: {addIndustryId:{type:String}}

得到需要高亮行的数据

监听高亮行数据的变化

遍历当前表格数据判断相等则设置该行高亮

watch:{//动态设置高亮行addIndustryId(val){let table = this.$refs.industryTable.rebuildDatatable.map((item,index) => {if(item.industry_id === val){this.$refs.industryTable.highlightCurrentRow(index)}})}}

iView+VUE根据数据设置表格行高亮相关推荐

html table设置行高_单元格的行高怎么设置 html语言怎么设置设置表格行高？
在Excel中,如何设置表格最合适的行高.列宽? 本次操作使用的软件为Excel电子表格,软件版本为office家庭和学生版2016. 小编只是难过不能陪你一起到老,再也没有机会,看到你的笑. 请问怎 ...
实习总结第七谈-----------vue中element-ui的表格行高怎么控制
依旧在我负责的当前项目中举例子: 我的表格要求是一页只显示10条数据,且纵向不能产生滚动条,这样就意味着不能设置表格的整体高度来控制,那样会会产生滚动条,要么在表格纵向产生滚动条,要么在屏幕纵向产生滚 ...
html设置表格行高和列宽,怎么在腾讯文档中设置表格的行高和列宽
摘要腾兴网为您分享:怎么在腾讯文档中设置表格的行高和列宽,云集,虚拟机,我的世界,卫星云图等软件知识,以及cad2009,kmp,mt4,usb转串口驱动,wifi吸粉,csgo动态组名,亿方云,单 ...
el-table根据数据某个属性不同，做斑马纹，设置表格行样式
一.需求 1.相邻的日期如果一样,用同种颜色标记 2.不同日期要有对比间隔 3.日期为空不做样式二.效果三.思路 1.要怎么判断上下时间是一样的? 2.判断以后要怎么标记? 3.标记以后怎么控制样 ...
在word2016中使用宏（VBA）来自动设置表格行高
因为有校验文档的工作,其中有一个大几百页的文档,有三四百张表格,要求是调整他们的行高,保持美观的同时尽可能减少页数.手动来改实在是鼠标都点烂了,所以就想到了宏的方法. 使用宏的使用方法我是这样操作的: ...
html语言怎么设置设置表格行高,html语言怎么设置设置表格行高？
满意答案 ostmh 2020.01.12 采纳率:58% 等级:8 已帮助:60人 width="50"> ** 1.table中的width和height设置及其作 ...
vue通过数据驱动实现表格行的增加与删除
以前做明细表格的新增改查,都是需要操作dom的,但现在数据驱动,不需要了,只需要操作数据即可,相当简单明细表的编写 <el-table:data="modalFormData.ite ...
选中表格行高亮html,table选中的行以指定颜色高亮显示
table选中的行以指定颜色高亮显示 1 三星 AA 2 Norkia BB 3 苹果 CC 4 联想 DD
使用晨曦记账本，根据需要设置记账表格行数
生活开支只可以依照收入和支出设置类别进行记录,我们在使用晨曦记账本添加收支时,一次记录多笔,如何设置记录的行数呢?下面一起来看设置步骤吧. 在电脑上登录上晨曦记账本,主界面上都很简洁.功能简单都可浏览 ...

iView+VUE根据数据设置表格行高亮

iView+VUE根据数据设置表格行高亮相关推荐

最新文章

热门文章