el-table常用属性及方法(修改表头颜色;改变某行、单元格、某列字体颜色及背景色;多选数据,点击复选框、点击行或滑动时选择)

一、常用属性

1、border:给表格加边框
2、height:可实现固定表头的表格,不需要额外的代码
3、fixed:接受 Boolean 值left或者 right,表示左边固定还是右边固定
4、show-overflow-tooltip:当内容过长被隐藏时显示 tooltip(文字提示)
5、header-cell-style:表头单元格的 style 的回调方法,改变表头背景色等
6、row-class-name:改变某行的背景色
7、cell-style:改变某列或者某单元格的背景色,文字颜色

二、常用方法事件

1、selection-change:当选择项发生变化时会触发该事件
2、cell-mouse-enter:当单元格 hover 进入时会触发该事件
3、row-click:当某一行被点击时会触发该事件

图例
el-table常用属性及方法(修改表头颜色;改变某行、单元格、某列字体颜色及背景色;多选数据,点击复选框、点击行或滑动时选择)_第1张图片
image.png


  

结语:今天是努力总结的一天 fighting!!!
image.png

你可能感兴趣的:(el-table常用属性及方法(修改表头颜色;改变某行、单元格、某列字体颜色及背景色;多选数据,点击复选框、点击行或滑动时选择))