iview table组件, 在table中添加了checkbox,如何在改变该checkbox的选中状态,改变该行的字体颜色?

我在table中用:

        tableColumns1: [
                {
                    type: 'selection',
                    width: 63,
                    align: 'center',
                },    

添加了checkbox,我想在选中它时,改变该行的字体颜色或该行的背景颜色,去掉选中时
恢复它原来的样子?

阅读 10.8k
3 个回答

不是有个highlight-row属性吗

highlight-row是鼠标滑到所在的行或单击改行高亮显示吧,我是要只要前面的checkbox被选中,不管鼠标在不在该行,该行都与其他的行拥有不同颜色的字体(样式)。

新手上路,请多包涵

你可以按照row-class-name设置样式(注意优先级,不行就把样式放到index里)。然后根据@on-selection-change的回调判断是否应用你设置的样式。我也是刚碰到,测试了下这么做没问题

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进