Question

我有一个用Bootstrap 4条带化的表格。我以编程方式在表格顶部添加了一行，这使奇数/偶数行着色消失。如何重新运行CSS格式？

我的JS：

$clonedRow = $('tr#row-template-new').clone();
$clonedRow.attr('id', 'row-new');

if (!$clonedRow) {
   return false;
}

$('#editor-table tbody').prepend($clonedRow);
$('#row-new').fadeIn('slow');

我的HTML：

<div class="table-responsive">
    <table class="table table-striped" id="editor-table">
    .....
    </table>
</div>

Answer 1

您始终可以删除表格条纹类，然后在添加新行之后重新添加表格条纹类。我还删除了新的行ID，因为添加多行后您将拥有重复的ID。

$clonedRow = $('tr#row-template-new').clone();
$clonedRow.attr('id', 'row-new');

if (!$clonedRow) {
   return false;
}
$('#editor-table tbody').prepend($clonedRow);    
$('#row-new').fadeIn('slow').removeAttr("id");
$('#editor-table').removeClass("table-striped").addClass("table-striped");

Bootstrap 4条纹表-添加行并重画条纹

1 个答案: