如何将方法数据表应用于动态创建的表答案

【问题标题】：How to apply method datatable to table which is created on a fly如何将方法数据表应用于动态创建的表
【发布时间】：2018-06-16 06:28:59
【问题描述】：

我正在通过按钮点击事件动态创建表格

function createTable() {
    $.ajax ({
        url: 'php/GetData.php', 
        type: 'POST', 
        data: {id:25},
        success: function(msg){
            var obj = JSON.parse(msg);
            var tableString = "<table id='tbla' class='display'><thead><tr><th>Name<th>Age<th>Birthday</tr></thead><tbody>";

            for (var i=0; i<obj.length; i++) {
                //alert(obj[i].name);
                tableString += gg_stringformat("<tr><td>{0}<td>{1}<td>{2}</tr>", obj[i].name, obj[i].age, obj[i].birthday);
            }

            tableString += "</tbody></table>";
            //alert(tableString);

            $('#divb').html(tableString);
            $('#tbla').dataTable();
        }
    });
}

方法

$('#tbla').dataTable();

不起作用。当我将此行放在$(document).ready(function(){.....}); 中时，会发生错误并且什么都看不到。因为具有此 id 的表仍未呈现。如何完成这项任务？

所有适当的文件都已正确链接。

<link rel="stylesheet" href="DataTables/dataTables.min.css"></style>
<script type="text/javascript" src="DataTables/dataTables.min.js"></script>





function gg_stringformat() {
var argcount = arguments.length,
    string,
    i;

if (!argcount) {
    return "";
}
if (argcount === 1) {
    return arguments[0];
}
string = arguments[0];
for (i = 1; i < argcount; i++) {
    string = string.replace(new RegExp('\\{' + (i - 1) + '}', 'gi'), arguments[i]);
}
return string;
}

【问题讨论】：

如问题代码所示在ajax成功中初始化它是否不起作用？
请包括错误的确切文本。
@Tom 错误未出现，但 JavaScript 由于错误而无法工作。
@GGSoft：在这种情况下，我认为说发生错误是不正确的。浏览器很可能正在做它认为你想要的事情，并且做得很成功。这是一个重要的区别。也许有隐藏表格的 CSS。函数执行时，#divb 可能不存在。也许msg 有length 0。

标签： javascript datatable html-table

【解决方案1】：

您用来构建表格的 HTML 中有一些错误。您不会关闭任何 <th> 或 <td> 标记。这很可能是导致问题的原因。

而不是alert，尝试在最后做console.log(tableString)，然后检查输出以查看它是否是有效的HTML。

另外，尝试注释掉对dataTable的最终调用，看看该函数是否至少能够构造基本表。

如果这些问题都没有解决，那么问题可能出在 XHR 调用上。 msg 是否符合您的预期？ gg_stringformat 有 bug 吗？

【讨论】：

表格出现在 div 中。这意味着，创建表一切正常。 gg_stringformat 只提供字符串格式。function gg_stringformat() { var argcount = arguments.length, string, i; if (!argcount) { return ""; } if (argcount === 1) { return arguments[0]; } string = arguments[0]; for (i = 1; i < argcount; i++) { string = string.replace(new RegExp('\\{' + (i - 1) + '}', 'gi'), arguments[i]); } return string; }
在这种情况下，您应该查看“DataTables”的文档。我不认识这个名字，你的帖子没有提供足够的信息让我弄清楚要研究什么，但文件命名表明它是某个框架的一部分。确保您正在构建的表满足其要求。可能你调用不正确。
这个函数现在包含在问题中。
link
我下载了一些损坏的本地文件。当我使用 CDN 时一切正常