Question

我正在使用令人敬畏的数据表并且在向第二列中的所有单元格添加按钮时出现问题。我正在关注此示例https://datatables.net/examples/ajax/null_data_source.html

我的数据表是从服务器端处理加载而没有问题。每次加载数据表时我确定的唯一列标题是ID和Image_ID。（第一和第二栏）。正如您所看到的，我在调用服务器URL之前获取了列数并添加了标题。以下是我的代码。该表与colum Image ID下的空列完美地加载。

在代码下方是json的一个例子。

非常感谢任何帮助，谢谢。

var start = '<thead><tr>';
var mid = '';
var end = '</tr></thead>';    
var my_columns=0;

my_columns= $(this).closest('tr').find('td:eq(5)').text();
console.log('my_columns :' + my_columns )

for (i = 0; i <= my_columns; i++) { 
    console.log('columns : '+i);
}

mid += '<th>' + '' + '</th>';

var header = start + mid + end;

$spr_cnt_tbl.html(header);

$("#spr_she").find("#spr_tit").text("You are Viewing Spreadsheet with id: " + _id.id); //maybe title?
$("#spr_she").modal({keyboard: true});

var table = $spr_cnt_tbl.DataTable( {            
                "serverSide": true,
                "ajax": {
                    "url": url_string,
                    "cache": true,
                    "columnDefs": [ {
                        "targets": 1,
                        "data": null,
                        "defaultContent": "<button>Select Image ID</button>"
                    }]
                }
            });

$spr_cnt_tbl.on( 'click', 'button', function () {
    var data = table.row( $(this).parents('tr') ).data();
    alert( 'YO YO YO');
});

...的Json

{"draw": 0,
"recordsTotal": 9,
"recordsFiltered": 9,
"data":[["1", "Image_ID", "col1", "col2", "col3", "col1", "col2", "empty col", "col1", "col2", "col3", "col1", "col2", "empty col"], ["2", null, "testing data 1", "testing data 2lk\nIdrjy9dyj", "testing data 3", "testing data 1", "testing data 2lk\nIdrjy9dyj", null, "testing data 1", "testing data 2lk\nIdrjy9dyj", "testing data 3", "testing data 1", "testing data 2lk\nIdrjy9dyj", null], ["3", null, "edsdsdsd", "testing data 3", "testing data 4", "edsdsdsd", "testing data 3", null, "edsdsdsd", "testing data 3", "testing data 4", "edsdsdsd", "testing data 3", null], ["4", null, "testing data 1", "anothertestk\nBroken here", "testing data 3", "testing data 1", "anothertestk\nBroken here", null, "testing data 1", "anothertestk\nBroken here", "testing data 3", "testing data 1", "anothertestk\nBroken here", null], ["5", null, "testing data 1", "testing data 2lk\nIdrjy9dyj", "testing data 3", "testing data 1", "testing data 2lk\nIdrjy9dyj", null, "testing data 1", "testing data 2lk\nIdrjy9dyj", "testing data 3", "testing data 1", "testing data 2lk\nIdrjy9dyj", null], ["6", null, "edsdsdsd", "testing data 3", "testing data 4", "edsdsdsd", "testing data 3", null, "edsdsdsd", "testing data 3", "testing data 4", "edsdsdsd", "testing data 3", null], ["7", null, "testing data 1", "anothertestk\nBroken here", "testing data 3", "testing data 1", "anothertestk\nBroken here", null, "testing data 1", "anothertestk\nBroken here", "testing data 3", "testing data 1", "anothertestk\nBroken here", null], ["8", null, "testing data 1", "testing data 2lk\nIdrjy9dyj", "testing data 3", "testing data 1", "testing data 2lk\nIdrjy9dyj", null, "testing data 1", "testing data 2lk\nIdrjy9dyj", "testing data 3", "testing data 1", "testing data 2lk\nIdrjy9dyj", null], ["9", null, "edsdsdsd", "testing data 3", "testing data 4", "edsdsdsd", "testing data 3", null, "edsdsdsd", "testing data 3", "testing data 4", "edsdsdsd", "testing data 3", null]]}

javascript数据表为一行中的所有单元格添加按钮

0 个答案: