iview table 表头样式修改

摘要:
给table中列添加样式使用className1.添加样式名{title:'姓名',key:'name',className:'test-name'}2.写样式注意如果没有th那么整个列都会渲染成test-name的样式,加了th表示表头才有该样式.ivu-tableth.test-name{background:#f40;}

文档

行:通过属性 row-class-name 可以给某一行指定一个样式名称。
列:通过给列 columns 设置字段 className 可以给某一列指定一个样式。
单元格:通过给数据 data 设置字段 cellClassName 可以给任意一个单元格指定样式。

给table中列添加样式使用className

1. 添加样式名

{
    title: '姓名',
    key: 'name',
    className: 'test-name'
}

2. 写样式

注意如果没有 th 那么整个列都会渲染成test-name的样式,加了 th 表示表头才有该样式

.ivu-table th.test-name {
    background: #f40;
}

免责声明:文章转载自《iview table 表头样式修改》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇android studio连接雷电模拟器令人惊叹的Visual Studio Code插件下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

ngx_lua 随笔

--[[ test--]]ngx.header.content_type = "text/plain"; --输出头部local user = ngx.var.arg_user -- 定义user变量并获取url中的参数 http://localhost?user=hellolocal sys = ngx.var.server_name -- 获取ngi...

SQLi-Labs:Less54-Less65

从54关开始,开始慢慢偏向于实际环境,加了次数限制之类的 Less 54 本关中是对输入的次数做了限制,必须在10次请求之内获取信息,否则会刷新表名 首先判断了单引号闭合 ?id=1'  判断有三列 ?id=1' order by 3--+  爆库 ?id=-1' union select 1,database(),3--+   爆表 ?id=-1'...

Oracle中shrink space命令详解

从10g开始,oracle开始提供Shrink的命令,假如我们的表空间中支持自动段空间管理(ASSM),就可以使用这个特性缩小段,即降低HWM。这里需要强调一点,10g的这个新特性,仅对ASSM表空间有效,否则会报 ORA-10635: Invalid segment or tablespace type。 1 创建实验环境 1.1 创建ASSM的表空间...

greenplum(postgresql) 数据字典

greenplum是基于postgresql开发的分布式数据库,里面大部分的数据字典是一样的。我们在维护gp的时候对gp的数据字典比较熟悉,特此分享给大家。在这里不会详细介绍每个字典的内容,只会介绍常见的应用以及一些已经封装好了的函数。具体的介绍大家可以去看postgresql的中文文档(附件),里面有详细的解释。 1.postgresql中,所有数据库的...

td中内容自动换行

使用<table> 进行页面开发,会遇到字符串很长将table撑开变形的问题,在网上搜了一些,终于找到 一个比较好用的解决方法。贴出来,方便以后使用。在table标签中加入如下的style就行了。<table border="0" cellspacing="0" cellpadding="0" style="table-layout:fi...

table 隐藏某一个td时,显示错乱问题

1、当表格为多列的情况下,属性为”display:block”行的内容宽度仅与第一列宽度相同,也就是说无论你使colspan的属性值为多少,剩余列的空间都不进行解析。2、同一行反复的在”display:none;”与”display:block;”两个状态间切换时,表格的底部会持续的产生多余的空白空间以至于造成页面布局的扭曲。 解决方法:1、用displa...