Javascript DataTable固定标题不适用于可滚动表

我使用dataTables的时间很短，我有一个DataTable，它有两列：

TableVehUsage = $("#TableVehUsage ").DataTable({
    data: [],
    ordering: true,
    paginate: false,
    "info": false,
    fixedHeader: {header: true},
    columns: [
        { data: "Vehicle", title: "Vehicle" },
        { data: "Serial", title: "Serial" }
    ],
    "columnDefs": [
        {
            "targets": 0,
            "render": function (data, type, full, meta) {
                // If it is rendering the cell contents
                if (type === 'display') {
                    switch (data) {
                        case "-":
                            return "-";
                        default:
                            if (full.IsOnSale == true)
                                return '<span style="color:red" onclick="ToParentTab(' + full.Id + ')">' + data + '</span>';
                            else
                                return '<span onclick="ToParentTab(' + full.Id + ')">' + data + '</span>';
                    }
                }
                return (isNaN(data)) ? -1 : +data;
            }
        } }]
});

但这对我不起作用：(

---

我做错了什么？

我发现一个DataTable插件可能有帮助。有关它的信息位于

使用此选项，我的定义如下所示：

  var table1 = $('#example').DataTable({ paging: true,   
      scrollY:        200,
      deferRender:    true,
      scroller:       true });

---

我在

上做了一个JSFIDLE，我发现一个DataTable插件可能会有所帮助

使用此选项，我的定义如下所示：

  var table1 = $('#example').DataTable({ paging: true,   
      scrollY:        200,
      deferRender:    true,
      scroller:       true });

---

我在

制作了一个JSFIDLE，尝试在不同的变量中添加数据，其中只包含键值对的“value”部分 {“车辆”：“奥迪”}， 您的“数据”变量中应该只有[“Audi”]

下面的代码非常适合我

         $("<your_table_name>").DataTable({
                data:data,
                fixedHeader:true,
                "scrollX": true,
                "scrollY": "200px",
                "scrollCollapse": true,
                columns: [
                        { title: 'Vehicle' },
                        { title: 'Serial' }
                    ]
            });

$（“”）。数据表({
数据：数据，
fixedHeader:true，
“scrollX”：正确，
“滚动”：“200px”，
“卷轴崩溃”：没错，
栏目：[
{标题：'车辆'}，
{标题：'序列'}
]
});

尝试将数据添加到另一个变量中，其中只包含键值对的“value”部分。例如，在 {“车辆”：“奥迪”}， 您的“数据”变量中应该只有[“Audi”]

下面的代码非常适合我

         $("<your_table_name>").DataTable({
                data:data,
                fixedHeader:true,
                "scrollX": true,
                "scrollY": "200px",
                "scrollCollapse": true,
                columns: [
                        { title: 'Vehicle' },
                        { title: 'Serial' }
                    ]
            });

$（“”）。数据表({
数据：数据，
fixedHeader:true，
“scrollX”：正确，
“滚动”：“200px”，
“卷轴崩溃”：没错，
栏目：[
{标题：'车辆'}，
{标题：'序列'}
]
});

是的……这与我尝试过的是同一件事，但我试图避免为主体添加滚动条，因为根据屏幕分辨率，标题不适合，这就是为什么我要查找FixedHeader:）是的。。。这与我尝试过的是同一件事，但我试图避免为主体添加滚动条，因为根据屏幕分辨率，标题不适合，这就是我查找FixedHeader的原因：）