使用Fixed Header将行添加到HTML表

Question

我有一个带有固定标题的HTML表格。我在Stack Overflow上找到的用于固定头的代码，我有link in the code。

注意：我发现另外一个类似于4个月之前发布的其他帖子并且它从未得到过回复 - 海报也没有发布任何正在运行的JSfiddle，所以我认为这保证了这个单独帖子的发布。 / p>

我遇到的问题是尝试使用jquery在HTML表格中添加一行。

$("#MaterialTable").find("tbody").prepend(function() {

代码工作正常，直到我添加固定标头。现在我不知道如何解决这个问题。小提琴的链接如下。您可以看到该行已添加到表中，但它位于可滚动部分之外。

JSFiddle: Adding a row to an HTML table with a fixed header

我不经常在这里发帖，所以如果我错过了一些明显需要的信息，请告诉我。

Answer 1

“scrollify”代码复制原始表格...包含其ID。因此，您最终得到两个具有相同ID的元素。

在行var newTbl = oTbl.clone();之后，立即添加：newTbl.attr("id","");