如何使用带有数据的动态标头管理数据表

Question

我正在尝试使用来自我的控制器的数据管理不同标题列名称的数据表。我正在从我的控制器发送带有表标题列名称和表数据值的数据。我在 drawCallback 的 cal 变量中获取 json 中的列，但无法获取列中 cal 的值。

这是我的控制器

$columns = array('<input class="checkbox" type="checkbox" name="selectall" id="bnselectall">', __('SL'), __('Start date'), __('End Date'), __('Event Name'),__('Aquisition Channels'),__('Status'),__('Views'),__('No of Products Sold'),__('Revenue'));

                    $data[] = array($checkbox,$sr++,$period_start_date,$period_end_date,$event_title,$aquisition_channel,$status,$no_of_views,$count,$currency." ".$actual_rate);

$results['draw'] = $draw;

    $results['recordsTotal'] = $countAll;

    $results['recordsFiltered'] = $countAll;

    $results['data'] = $data;

    $results['columns'] = $columns;

    echo json_encode($results);

    exit;

我的数据表 ajax 代码在这里

dataUsersbehaviour = $('#dataUsersbehaviour').DataTable({

  "processing": dataTableConfig.processing,

  "serverSide": dataTableConfig.serverSide,

  "bFilter": dataTableConfig.bFilter,  

  "bInfo": dataTableConfig.bInfo,

  "autoWidth": dataTableConfig.autoWidth,

  "paging": dataTableConfig.paging,

  "dom": dataTableConfig.dom,

  "pageLength": dataTableConfig.pageLength,

  "pagingType": dataTableConfig.pagingType, 

  "bSort" : dataTableConfig.bSort,

  //"aDataSort": false,

  "language": {

    "url": dataTableConfig.language.url,

  },

  "ajax": {

    "url":$('meta[name="_baseurl"]').attr('content')+"usersbehaviour/data",

    "type":"post",

    "headers":{

      'X-CSRF-Token':$('[name="_token"]').attr('content')

    },

我的视图页面看起来像

<table id="dataUsersbehaviour" class="table" style="width: 100%;">

Answer 1

假设cal包含数据表的行数据，您可以循环数据并使用 Jquery 动态创建行。然后将该行追加到表中。内部成功：for(var i = 0; i < cal.length; i++) {&nbsp; &nbsp;var $tblRow = $('<tr><td>' + cal[i]+'</td></tr>'); //correctly set your row&nbsp; &nbsp;$('#dataUsersbehaviour').append($tblRow);}&nbsp; &nbsp; &nbsp;