Question

我想创建数据表，其中第一列值来自数组和第二列和其他列包含自定义html（选择框，输入等）。我在之前使用过数据表但是那时我正在从json（对于所有列）读取数据，如下所示：

function basketTable(data){ topTable = $('#at-top-100').dataTable({ //layout of data table "dom": 'Tlfrtip', "bInfo" : false, "bDestroy":true, "bFilter" : false, "responsive":true, "aaData" : data, "aoColumns": [ { "mData": "Ap" }, { "mData": "Dp" }, { "mData": "A"}, { "mData": "S"}, { "mData": "S"}, ], "iDisplayLength": 10, "oLanguage": { "sSearch": "", "sSearchPlaceholder" : "Search..", "sLengthMenu": " _MENU_ ", } }); }

有关如何实现这一目标的任何见解。任何帮助将不胜感激!!

Answer 1

使用＆＃34; mrender＆＃34;在函数中为每个单元格函数并放置您想要渲染的任何html。

如果要在显示中使用它们，也可以访问行中对象的属性。 http://legacy.datatables.net/usage/columns

function basketTable(data){
        topTable = $('#at-top-100').dataTable({
             //layout of data table 
             "dom": 'Tlfrtip',
             "bInfo" : false,
             "bDestroy":true,
             "bFilter" : false,
             "responsive":true,
             "aaData" : data,
             "aoColumns": [
                         { "mData": "Ap" },
                         { "mData": "Dp" },
                         { "mData": "A"},
                         { "mData": "S"},
                         { "mData": "S",
                           "mRender": function(data,type,full)
                           {
                             return '<input type="text" value="Scanners and Scales"/>'
                           }
                     ],
             "iDisplayLength": 10,
             "oLanguage": {
                    "sSearch": "",
                    "sSearchPlaceholder" : "Search..",
                    "sLengthMenu": " _MENU_ ",
              }
        });
}

DataTable - 第1列单元格（使用数组中的值），第2列单元格（使用自定义html）

1 个答案: