关于iview中组件样式的问题

Question

现在我想编写几个自定义组件，这些组件里面的table都是不同的样式，那请问我需要怎么修改样式呢？直接在组件里面覆盖原来的样式吗？可我为什么覆盖了都无效呢？望解答，谢谢。

Answer 1

iview的Table分别提供了了行、列、cell的样式修改方案
1.行

row-class-name
//注意传进去的应该是个方法，方法返回你需要添加的className

2.列

//在columns数组里对应的列表添加className就可以了
{
    title: '年龄',
    key: 'age',
    className: 'demo-table-info-column'
},

3.cell

//cell则是在Table的data里设置的
{
    name: '张小刚',
    age: 25,
    address: '北京市海淀区西二旗',
    cellClassName: {
        age: 'demo-table-info-cell-age',
        address: 'demo-table-info-cell-address'
    }
},

Answer 2

覆盖无效，那说明你覆盖的优先级低。审查元素然后把相应的类名拿过来修改即可。