Question

我有一个以表格格式显示数据的网格视图。我必须使表头粘。所以使用一些js代码，我已经生成了表头的副本。我正在使用该副本显示为粘性标题（当用户滚动此标题时将显示）。

自动生成原始网格（我正在使用Yii）。

＆＃13;

table.items {
    background: white;
    border-collapse: collapse;
    width: 100%;
    border: 1px #D0E3EF solid;
}

＆＃13;

<table class="items">
	<thead style="display: block;">
		<tr>
			<th id="property-grid-current_c0" style="width:46.1px !important;border-right:1px solid #000">Watch</th>
			<th class="" colspan="2" style="display: none;width:18.1px !important;border-right:1px solid #000" id="property-grid-current_c1">&nbsp;</th>
			<th class="" colspan="2" id="property-grid-current_c2" style="width:261px !important;border-right:1px solid #000">Property Name</th>
			<th id="property-grid-current_c3" style="width:86px !important;border-right:1px solid #000">SVP</th>
		</tr>
	</thead>
</table>

＆＃13;

现在问题是隐藏td的宽度不会影响表格宽度。那么如何解决呢？

Answer 1

尝试visibility hidden;

＆＃13;

table.items {
    background: white;
    border-collapse: collapse;
    width: 100%;
    border: 1px #D0E3EF solid;
}

＆＃13;

<table class="items">
	<thead style="display: block;">
		<tr>
			<th id="property-grid-current_c0" style="width:46.1px !important">Watch</th>
			<th class="" colspan="2" style="visibility: hidden;width:18.1px !important;" id="property-grid-current_c1">&nbsp;</th>
			<th class="" colspan="2" id="property-grid-current_c2" style="width:261px !important">Property Name</th>
			<th id="property-grid-current_c3" style="width:86px !important">SVP</th>
		</tr>
	</thead>
</table>

＆＃13;

Answer 2

也许你的意思是

visibility: hidden;

display: hidden不存在

如果您需要保留标题背景颜色，那么您应该考虑让单元格可见并隐藏其内容，如下所示：

<th class="" colspan="2" style="width:18.1px !important;" id="property-grid-current_c1"><span style="visibility: hidden">&nbsp;</span></th>

Answer 3

您可以更改如下

<th class="" colspan="2" style="display: none;width:18.1px !important;" id="property-grid-current_c1">&nbsp;</th>

要

<th class="" colspan="2" style="display: hidden;width:18.1px !important;" id="property-grid-current_c1">&nbsp;</th>

工作

隐藏的td不接受表格中的宽度

3 个答案: