Javascript 引导4条带表格-添加行和重新绘制条带
我用Javascript 引导4条带表格-添加行和重新绘制条带,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我用引导程序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').fa
引导程序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>
.....
您始终可以删除表条带化类,然后在添加新行后重新添加表条带化类。我还删除了行新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");
嗨@iamvain2这是一个很好的建议,但由于某些原因,它不起作用。Imy插入的行仍为灰色。