在js中datetables动态表头

在JavaScript中，可以使用Datatables库来创建动态表头。Datatables是一个流行的开源库，用于处理数据表格。下面是一个基本的示例，演示如何使用Datatables创建动态表头：

首先，需要在HTML中引入Datatables库和CSS样式文件。可以使用CDN方式或者下载到本地后引入。例如：

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>

接下来，在JavaScript中，可以使用Datatables的`DataTable()`函数来创建一个新的表格。例如：

$(document).ready(function() {
    $('#example').DataTable({
         "columns": [
            { "title": "Name" },
            { "title": "Position" },
            { "title": "Office" },
            { "title": "Age" },
            { "title": "Start date" },
            { "title": "Salary" }
         ]
    });
});

在这个例子中，`DataTable()`函数接受一个对象作为参数。在该对象中，可以使用`columns`属性来定义表头。在这个例子中，`columns`属性定义了6列，并且每一列都有一个动态生成的标题。

如果要动态生成表头的标题，可以使用JavaScript代码来生成标题数组，然后将该数组传递给Datatables。例如：

$(document).ready(function() {
    var header = [];
    for (var i = 1; i <= 3; i++) {
        var date = new Date();
        date.setDate(date.getDate() + i - 1);
        header.push({title: date.toLocaleDateString()});
    }
    $('#example').DataTable({
         "columns": header
    });
});

在这个例子中，使用了一个for循环来动态生成表头标题。首先，创建了一个空数组`header`，然后使用`new Date()`函数获取当前日期，并使用`setDate()`方法将日期设置为动态生成的日期。最后，使用`toLocaleDateString()`方法将日期转换为字符串，并将其添加到标题数组中。

在表格中添加数据时，可以使用`row.add()`方法来添加新行。例如：

var table = $('#example').DataTable();
table.row.add(['John Doe', 'Developer', 'New York', 32, '2011/04/25', '$75,000']).draw();

这将会添加一行数据到表格中，并根据动态生成的标题自动将数据插入到正确的列中。

最后，可以使用`table.draw()`方法来绘制表格。这将会自动将数据显示在表格中，使用动态生成的表头标题。例如：

var table = $('#example').DataTable();
table.draw();

这将会在页面中显示一个Datatables表格，其中包含动态生成的表头和数据。