javascript - 动态添加 td 不会通过 colspan 展开

Question

这是我的 JsFiddle

单击向下箭头图像时，我将显示下一个 tr(最初隐藏)，其中有一个带有 colspan 5 和表格的 td。

我的问题是为什么 td 没有扩展到整行，正如我指定的 colspan=5

$(function () {
    $('.glyphicon-chevron-down').click(function () {
        $(this).closest("tr").next().removeClass('hidden').addClass('show');
    });
});

Answer 1

因为您的 .show Bootstrap css 规则包含以下内容

.show{
    display:block; !important;
}

您可以像这样为行使用自定义 CSS 规则覆盖它:

.show{
    display:table-row !important;
}

Demo