jQuery 数据表呈现函数不适用于多列

Question

我正在使用 jQuery 带有服务器端处理的数据表，这是我的代码。只要我在其中为操作按钮添加一列，它就可以正常工作，它只是停止渲染。任何帮助将不胜感激。

 $("#table1").dataTable({

        "processing": true,
        "serverSide": true,
        "info": true,
        "lengthMenu": [[5, 35, 50, -1], [5, 35, 50, "All"]],
        "ajax": {
            "url": "/Customer/customers",
            "type": "POST"
        },
        "columns": [
            { "data": "displayName", "orderable": true },
            { "data": "email", "orderable": true },
            { "data": "state", "orderable": true },                
            {
                "data": "licenses", "orderable": true,
                "render": function (data, type, row) {
                    if (type === 'display') {
                        if (data > 0)
                            return '<i class="fa fa-check" aria-hidden="true"></i>';
                        else
                            return '<i class="fa fa-times" aria-hidden="true"></i>';
                    }
                    return data;
                }
            },
        ]           
    });

这是我在列数组中的许可证之后添加的另一列操作按钮。

            {
                "data": null, "orderable": false, "render": function (data, type, row) { return '<a href="' + data + '">Download</a>'; }
            },

谁能告诉我这里出了什么问题？

Answer 1

在 html 页面中，如果您的列少于或少于您使用 ajax 呈现的列数，则会显示错误。正如您所说，当添加一列时它会显示错误，我认为问题在于您的 html 页面中的列较少。如果你固定列数，我认为它会起作用。

jQuery 数据表呈现函数不适用于多列

jQuery Datatable render function not working for multiple columns

jquery

render

datatables