c# - Firefox + Chrome 表格渲染问题

Question

我在显示以编程方式显示列的表格时遇到问题。

以下是可以看到此问题的html代码(并已确认其不是影响渲染的代码)。

<table>
<tr>
    <th>NUMER</th>                                      
    <th>NAME</th>
    <th align="center" style="display:block;">LOCATION</th>
    <th align="center" style="display:none;">1</th>
    <th align="center" style="display:block;">2</th>
</tr>
<tr>
    <td>12345</td>
    <td>BOB Jr</td>                                     
    <td align="center" style="display:block;"><input type="CheckBox" ID="updateLocation" runat="server" /></td>
    <td align="center" style="display:none;"><input type="CheckBox" ID="updateLocation" runat="server" /></td>
    <td align="center" style="display:block;"><input type="CheckBox" ID="updateLocation" runat="server" /></td>                                            
</tr>

这将在 Chrome 和 Firefox 上显示如下:

样式是以编程方式添加的，这显然是导致问题的原因，但我想知道是否有人对解决此问题有建议？

表格列必须以编程方式显示，因为此功能是用户驱动的。

另请注意，这在 IE 上运行良好。

Answer 1

不要使用

 display:block

这与表格不兼容。

您正在寻找:

display:table-cell

就是说，我建议您在继续之前仔细阅读这个问题和答案，尤其是如果您必须支持较旧的 IE:show/hide html table columns using css