Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/413.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 引导4条带表格-添加行和重新绘制条带_Javascript_Jquery_Html_Css - Fatal编程技术网

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插入的行仍为灰色。