在写表格插件的时候,要不断的进行表格优化,才会让界面的感观变得越来越好看,bootstrap table的隔行换色功能也是其中的一个,几行代码就OK了。
代码如下:
#mytable tr:nth-child(even){
background: #fafafa;
}
#mytable th{
background: #efefef;
}
demo示例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- 引入的css文件 -->
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/bootstrap-table.min.css" rel="stylesheet">
<title></title>
<style>