为了账号安全,请及时绑定邮箱和手机立即绑定

iview,table组件怎么用代码设置当前选中行

iview,table组件怎么用代码设置当前选中行

慕田峪4524236 2018-08-10 20:51:43
iview,table组件怎么用代码设置当前选中行
查看完整描述

2 回答

?
天涯尽头无女友

TA贡献1831条经验 获得超9个赞

1.鼠标点击选中
Table props:
highlight-row 是否支持高亮选中的行,即单选 Boolean false;

<Table highlight-row :columns="columns" :data="data1"></Table>

2.指定某行,或多行显示
Table props:
row-class-name 行的 className 的回调方法,传入参数:row:当前行数据index:当前行的索引 Function -

<Table :row-class-name="rowClassName" :columns="columns" :data="data"></Table>

methods: {
    rowClassName (row, index) {        if (index === 1) {            return 'demo-table-info-row'; // 样式名
        } else if (index === 3) {            return 'demo-table-error-row'; // 样式名
        }        return '';
    }
}


查看完整回答
1 反对 回复 2018-08-12
?
幕布斯6054654

TA贡献1876条经验 获得超7个赞

不要用他默认table的selection,自己生成复选框,自己做选中,iview自己的多选有点鸡肋

查看完整回答
1 反对 回复 2018-08-12
  • 2 回答
  • 0 关注
  • 10680 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信