在js中datetables动态表头包含html和js

可以使用Datatables的column.render选项来动态生成表头，并且在其中包含HTML和JS代码。

具体来说，你可以在列定义中使用render选项来指定一个回调函数，该函数将返回一个包含HTML和JS代码的字符串。例如：

$(document).ready(function() {
    $('#example').DataTable( {
        "columns": [
            { "data": "name", "title": "Name" },
            { "data": "position", "title": "Position" },
            { "data": "office", "title": "Office" },
            {
                "title": "Actions",
                "render": function (data, type, full, meta) {
                    return '<button onclick="alert(\'' + full['name'] + ' clicked!\')">Click me</button>';
                }
            }
        ],
        "ajax": "data.json"
    } );
} );

在上面的例子中，我们定义了一个包含四列的Datatable。第三列的数据来自于ajax请求返回的JSON数据，而第四列是动态生成的，包含一个按钮，点击按钮会弹出一个包含该行数据名称的提示框。

注意，在上面的例子中我们使用了full参数来获取该行的完整数据，也就是从ajax返回的JSON数据中获取的一行数据。因此，在回调函数中我们可以使用full参数来访问该行的任何数据。