Javascript DataTable-第1列单元格(使用数组中的值),第2列单元格(使用自定义html)
我想创建一个datatable,其中我的第一列值来自数组,第二列和其他列包含自定义html选择框、输入等。我以前使用过datatable,但当时我正在从json读取所有列的数据,如下所示: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',
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_ ",
}
});
}