Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript DataTable-第1列单元格(使用数组中的值),第2列单元格(使用自定义html)_Javascript_Jquery_Datatables - Fatal编程技术网

Javascript DataTable-第1列单元格(使用数组中的值),第2列单元格(使用自定义html)

Javascript DataTable-第1列单元格(使用数组中的值),第2列单元格(使用自定义html),javascript,jquery,datatables,Javascript,Jquery,Datatables,我想创建一个datatable,其中我的第一列值来自数组,第二列和其他列包含自定义html选择框、输入等。我以前使用过datatable,但当时我正在从json读取所有列的数据,如下所示: function basketTable(data){ topTable = $('#at-top-100').dataTable({ //layout of data table "dom": 'Tlfrtip',

我想创建一个datatable,其中我的第一列值来自数组,第二列和其他列包含自定义html选择框、输入等。我以前使用过datatable,但当时我正在从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_ ",
              }
        });
}

任何关于如何实现这一点的见解。任何帮助都将不胜感激

使用mrender函数,并将每个单元格中要呈现的任何html放入该函数中

如果要在显示中使用对象的属性,也可以访问行中对象的属性。


thanx很多…我会试试这个然后再打给你!!
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_ ",
              }
        });
}