获取elementUI表格的某一个单元格的列和行

陌上人如玉
  • 74

图片描述
图片描述
图片描述
我用了@cell-click得到了四个参数,但是我还是没有找到行和列,我就想得到我点击的单元格在第几行第几列。

回复
阅读 13.3k
2 个回答
呵sever
  • 457
✓ 已被采纳

参数顺序是row, column, cell, event
这里的column,其实是cell,得到的是该行的html元素
打印row[column.property]才有值

至于获取行列的索引,可以这样

<!--html-->
<el-table :cell-class-name="tableCellClassName" @cell-click="cellClick">
    ...
</el-table>
//js
methods:{
    tableCellClassName({row, column, rowIndex, columnIndex}){//注意这里是解构
      //利用单元格的 className 的回调方法,给行列索引赋值
      row.index=rowIndex;
      column.index=columnIndex;
    },
    cellClick(row, column, cell, event){
      console.log(row.index);
      console.log(column.index);
    }
}

你参数的顺序错了。

clipboard.png

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