table表格的相关设置(边框合并、隔行变色、添加内边框、单独设置某一列)
来源:互联网 发布:淘宝怎么设置店铺简介 编辑:程序博客网 时间:2024/05/19 17:11
1、为table表格设置边框合并
table{
border-collapse:collapse;
border-spacing:0;
}
2、隔行变色和添加内边框
function addColor() {
var tbodyTrList = $(".table tbody tr");
var tdList = $(".table td");
for (var i = 0; i < tbodyTrList.length; i++) {
if (i % 2 == 0) {
tbodyTrList[i].className = "color";//隔行变色
}
}
for (var j = 0; j < tdList.length; j++) {
if (j % 6 != 0) {
$(tdList[j]).addClass("border-left");//除第一列以外添加左边框
}
}
}
addColor();
3、单独设置每一列的样式
<script>
$(document).ready(function () {
var obj;
$("tbody tr").each(function () {
$(this).find("td:nth-child(2)").first().css({"width":"360px"});//设置第二列宽度
obj = $(this).find("td:nth-child(3)");//设置第三列
if($(obj).html()!="0"){//值不是0的加粗
$(obj).css({"font-weight":"bold"});
}
});
});
</script>
- table表格的相关设置(边框合并、隔行变色、添加内边框、单独设置某一列)
- 为table表格设置合并边框
- jQuery 设置表格隔行变色、隔列变色
- jQuery 设置表格隔行变色、隔列变色
- <table>合并内边框
- table的表格边框的合并
- CSS设置html table表格边框样式
- 为表格设置合并边框模型:
- 嵌套表格 边框合并的css如何设置
- 设置Table的细边框
- table的边框线设置
- table的边框线设置
- table的边框线设置
- html: 表格边框的设置
- html: 表格边框的设置
- 表格的边框设置不成功
- html表格边框的设置
- html表格边框的设置
- 数据结构实验之栈与队列四:括号匹配
- SJ中的json 及多维json
- Java 多线程实现方法和switch的理解
- Python2.x与Python3.x版本区别
- 正则表达式
- table表格的相关设置(边框合并、隔行变色、添加内边框、单独设置某一列)
- 使用Google云存储上传图片
- Solr6.0.0以上分词器配置[中文]
- qt中调色板角色的理解
- 获取Android设备的唯一标识的几种方式
- 单链表的后续操作
- java线程池(四) Executors.newCachedThreadPool
- Word----公式编辑器老是提示MT Extra字体无效啊
- Java任书璐/9.23/9.24