如何在jQuery中使用.append（）在TD内部添加表

Question

我正在尝试在table元素内附加一个<td>。此代码在first two rows上运行良好，之后datatable的整个设计被折叠。给我解决我错地方的方法。到目前为止，我在这里已经尝试过了。

$("td.text-center", row).html('');
var str = "";
str += "  <table>";
str += "   <tr>";
str += "   <td>";
str += '  <a href="#" onclick="GetContactsDetails(' + item[i].projectIcode + ')" data-toggle="tooltip" title="Contacts" class="btn btn-info" style="width:100px;">Contacts</a>';
str += "      </td>";
str += "      <td>";
str += '       <a href="#" onclick="GetPhasesDetails(' + item[i].projectIcode + ')" data-toggle="tooltip" title="Phases" class="btn btn-info" style="width:100px;">Phases</a>';
str += "       </td>";
str += "       </tr>";
str += "       <tr>";
str += "       <td>";
str += '      <a href="#" onclick="GetmodulesDetails(' + item[i].projectIcode + ')" data-toggle="tooltip" title="Modules" class="btn btn-info" style="width:100px;">Modules</a>';
str += "      </td>";
str += "     <td>";
str += '      <a href="#" onclick="GetTechnologyDetails(' + item[i].projectIcode + ')" data-toggle="tooltip" title="Technologies" class="btn btn-info" style="width:100px;">Technology</a>';
str += "      </td>";
str += "      </tr>";
str += "      </table>";
$("td.text-center", row).append(str);


$("#example-datatable").append(row);
row = $("#example-datatable tbody tr:last-child").clone(true);