Question

我有一个表，每行有4个td个单元格。它有一行隐藏，其中有一个td colspan="4"。

当我显示隐藏的行时，它会忽略colspan="4" - 这是因为它首先隐藏了吗？

到底有没有？

HTML

<table>
  <tr>
    <td>1</td>
    <td>1</td>
    <td>1</td>
    <td>1</td>
  </tr>
  <tr class="hidden" id="123">
    <td colspan="4">full width</td>
  </tr>
</table>
<a href="#" onclick="showRow(); return false;">click me</a>

的Javascript

function showRow(){
  el = document.getElementById('123');
  el.style.display = 'block';
}

CSS

.hidden { display:none; }

Here's a fiddle

Answer 1

它不是一个块，它是一个表格行

el.style.display = 'table-row';

最好删除hidden类。

el.classList.remove("hidden");  //FYI, not all browsers support classList

Answer 2

在你的Javascript中，改变

el.style.display = 'block';

到

el.style.display = 'table-row';

请参阅jsFiddle

隐藏的表行colspan无法正常工作

2 个答案: