jquery - 如何调用数据表中自定义列的渲染函数

Question

您好，请帮忙解决以下逻辑。

我用来从用户那里获取动态列，基于此我需要创建一个数据表，我编写了下面的代码来读取列，我需要从一些将显示的列应用渲染函数代码值，请分享一些如何做到这一点的想法

function createDataTableColumns(ColumnsName)
{
  var colum = ColumnsName.split(",");
  $.each(colum, function (i, item) {
    var operationColumns = new Object();
    operationColumns.sTitle = item;
    operationColumns.data = item;
    operationColumns.push(operationColumn);

  })
}

function fnCreateTable(Data, tableID) {
  if ($.fn.dataTable.isDataTable('#' + tableID)) {
    var table1 = $('#customRptTable').DataTable();
    table1.destroy();
    $('#' + tableID + 'tbody').unbind('click');
  }
  $("#divOperation").show();
  debugger;
  var tableLicense = $('#' + tableID).DataTable({
    "data": Data,
    "aoColumns": operationColumns,
    "aaSorting": [],
    "bAutoWidth": true,
    "bPaginate": true,
    "searching": false,
    "sScrollX": "100%",
    "sScrollXInner": "100%",
    "scrollCollapse": true,
  });

  $("#divOperation").show();
};

Answer 1

您可以定义列，并在其中可以使用渲染。目标属性允许您定义要更改的列。您无需循环，渲染函数参数本身就是目标列的每个值。

 var tableLicense = $('#' + tableID).DataTable({
    "data": Data,
    "aoColumns": operationColumns,
    "aaSorting": [],
    "bAutoWidth": true,
    "bPaginate": true,
    "searching": false,
    "sScrollX": "100%",
    "sScrollXInner": "100%",
    "scrollCollapse": true,
"columnDefs": [ {
    "targets": 0,
    "data": null, // Use the full data source object for the renderer's source
    "render": function(data, type, full, meta){
        // here call your method
     }
  } ]
  });