jquery - 隐藏的 td 不接受表中的宽度

Question

我有一个 GridView ，它以表格格式显示数据。我必须使表头粘住。因此，使用一些js代码，我生成了表头的副本。我正在使用该副本显示为粘性标题(当用户滚动此标题时将显示)。

原始网格是自动生成的(我使用的是 Yii)。

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

<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>

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

Answer 1

尝试可见性 隐藏；

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

<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>