element-ui 表格样式修改
2018-09-27 09:42
1281 查看
在做项目的时候用到了element-ui的表格。但是在css文件中修改样式的时候不起作用。但是在控制台中的样式中修改就会起效。(有点蒙)。查看了一下相关资料,找到了解决的方法。方法如下
<el-table :cell-style="cellStyle" :data="tableData" @cell-click="look_details" border style="width: 100%">
...
</el-table>
给el-table 加:cell-style="cellStyle"
然后在methods中加一个方法cellStyle,比如
cellStyle ({ row, column, rowIndex, columnIndex }) {
if (columnIndex === 10 || columnIndex === 11) {
// 指定坐标
return 'cursor:pointer'
}
if (columnIndex === 9) {
// 指定坐标
return 'text-align:center'
}
},
这里改变的是9,10,11列的样式;
10,11列的添加的样式是cursor:pointer,
9列添加的样式是text-align:center
阅读更多
相关文章推荐
- elementui的默认样式修改方法
- vue中通过修改element-ui的类修改相关组件的样式
- elementui表格性能优化123
- 如何修改element.style内联样式;
- 如何修改element.style内联样式;
- 浅谈vue中改elementUI默认样式引发的static与assets的区别
- element UI Cascader 级联选择器 编辑 修改 数组 路径 问题(转载)
- 猫猫学IOS(十四)UI之UITableView扩充_表格的修改_(增删移动)
- vue中element组件样式修改无效的解决方法
- easy-ui datagird 表格的表头的高度修改
- 在项目中自定义路径放入element-ui并修改编译源码
- Element-ui框架修改-upload、step
- element UI中表格的数据需要做判断
- 如何修改element.style内联样式;
- iOS 修改UIPageControl样式
- 修改element-ui中upload实例方法
- 如何修改博客园的标题,文本,表格等的显示样式
- 如何修改element.style内联样式;
- element-ui表格数据转换
- 如何批量修改Word文档中的表格样式和题注格式?