将行添加到固定标题的HTML表格

Question

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

注：我发现一个其他线程类似于这个发布4个月前，它从来没有得到一个回应 - 海报也没有发布任何工作JSFiddle，所以我认为这保证了这个单独的线程的张贴。

我遇到的问题是试图用jquery预先在HTML表中插入一行。

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

代码工作得很好，直到我添加了固定头。现在我不知道如何解决这个问题。小提琴的链接如下。你可以看到该行被添加到表中，但它在可滚动部分之外。

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

我不张贴在这里经常的问题，所以请让我知道如果我错过了一些明显的所需信息。

Answer 1

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

Immedately行var newTbl = oTbl.clone();后，补充一点：newTbl.attr("id","");