table thead tr设置表头背景色未完全覆盖的问题

参考文章：http://blog.chinaunix.net/uid-22414998-id-2876249.html

我想要的效果如下：

实际却如下：
列头之间的那条白线很是不爽

解决方法，给table设置collapse即可：
table
{
...
border-collapse:collapse;

}

table thead tr设置表头背景色未完全覆盖的问题相关推荐

(Table)操作：Element-ui 中 Table 表格的设置表头/去除下标线/设置行间距等属性的使用及 slot-scope=“scope“ 的使用案例
Ⅰ.Element-ui 提供的Table组件与想要目标情况的对比: 1.Element-ui 提供Table组件情况: 其一.Element-ui 自提供的Table代码情况为(示例的代码): // ...
JTable设置表头背景色
今天发现一个新问题:当设置表头的背景色的时候,颜色没有完全填充到表头当中,如下图所示: 代码: table.getTableHeader().setBackground(new Color(51, 1 ...
css table thead tr border生效
要想使border-spacing生效,border-collapse必须是separate; 要想使 thead tr 边框能显示,border-collapse必须设为collapse;
HTML表格（table、tr、td、th、thead、tbody、tfoot标签）
目录 HTML表格 table表格属性 ***HTML表格** <!DOCTYPE html> <html> <head><title>表格</t ...
table 表格，table表格细边框设置，table表格禁止内容换行设置，table表格斑马线设置
table 表格,细边框设置,禁止内容换行设置,斑马线设置 1.没有设置时的样式 2.设置后的样式 3.html代码 <div class="cp-table">< ...
关于table边框，设置了border-collapse:collapse之后，设置border-radius没效果
做项目遇到边框需要设置圆角,然后发现在设置了border-collapse:collapse之后,border-radius:10px不起作用了,发现这个是css本身的问题,两者不能混在一起使用. 代 ...
table表格做一个表头斜线样式
具体代码实现如下: <!doctype html> <html lang="en"> <head><meta charset=" ...
再谈table组件：固定表头和表列
前言本文介绍内容包括: Element UI 实现表头表列固定思考与总结 translate3d如何实现表头表列固定书承上文,在前文[Vue进阶]青铜选手,如何自研一套UI库中介绍了Vue组件库的 ...
css table表格相关设置和属性
css table表格相关设置和属性文章目录 css table表格相关设置和属性前言一.表格结构二.使用行内样式控制表格样式 1.属性 2.使用css控制表格的样式前言记录表格的结构,属 ...

table thead tr设置表头背景色未完全覆盖的问题

table thead tr设置表头背景色未完全覆盖的问题相关推荐

最新文章

热门文章