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 ''; } }
添加回答
举报
0/150
提交
取消