如何从 HTML 表格中删除特定单元格?

Posted

技术标签:

【中文标题】如何从 HTML 表格中删除特定单元格?【英文标题】:How to remove particular cell from HTML table? 【发布时间】:2013-03-26 02:29:16 【问题描述】:

假设我有 html 表格,我想从 HTML 表格中删除一个单元格,如下所示:

我已将单元格边框颜色更改为白色,因为整个表格的边框颜色为黑色,因此显示为灰色。问题是我无法删除表格边框,所以我使用了 border-collapse:collapse

那么如何更改它以使边框颜色保持黑色并且单元格不出现在表格中?

【问题讨论】:

【参考方案1】:

这对我有用,只需尝试将样式属性放在您希望没有边框且边框大小属性为零像素的单元格中:

<td style="border:0px"></td>

【讨论】:

【参考方案2】:

您可以通过将visibility 设置为hidden 来隐藏单元格。

http://jsfiddle.net/S5tnv/

CSS

td 
    visibility: hidden;

【讨论】:

【参考方案3】:

你会使用这样的东西:

table tr:last-child td:first-child  display: none; 

【讨论】:

嘿,但它只删除表的最后一个 td @lata 它只是隐藏,没有删除 @user1479606: 是的,如果单元格被删除,那么默认情况下后面的单元格将向左移动 @lata 尝试使用可见性:隐藏;而不是显示:无; “使其不可见”,同时将其他单元格保持在其右侧(而不是让它们折叠到第一个单元格的位置)。

以上是关于如何从 HTML 表格中删除特定单元格?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 SQL Server 2012 中使用 html 更改表格中特定单元格的颜色?

为啥我不能从情节提要的表格单元格中删除标签?

单击单元格文本时如何从单元格中删除文本

HTML,从表格的左上角单元格中删除边框

如何动画从表格视图(rxswift)中删除单元格?

如何从表格中删除单元格标签?