Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.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 jquery datatables:如何转换列映射(因为插入了“行标题列”)?_Javascript_Html_Ajax_Datatables - Fatal编程技术网

Javascript jquery datatables:如何转换列映射(因为插入了“行标题列”)?

Javascript jquery datatables:如何转换列映射(因为插入了“行标题列”)?,javascript,html,ajax,datatables,Javascript,Html,Ajax,Datatables,我已将行标题列添加到datatables jquery插件呈现的表中: HTML: 太冗长了 是否可以在一行中配置相同的映射数据列X到表列X+1?只是说:请,shift columns或请,删除第一行标题-列表单映射。使用列和为数据源指定数组索引。在这种情况下,您需要为每个列提供选项,包括第一列 例如: table = $('#main-table').DataTable({ ajax: {"url": "..."}, columns: [ { dat

我已将行标题列添加到datatables jquery插件呈现的表中:

HTML:

太冗长了

是否可以在一行中配置相同的映射数据列X到表列X+1?只是说:请,shift columns或请,删除第一行标题-列表单映射。

使用列和为数据源指定数组索引。在这种情况下,您需要为每个列提供选项,包括第一列

例如:

table = $('#main-table').DataTable({
    ajax: {"url": "..."},
    columns: [
    {
          data: null
          render: function (data, type, row, meta) {
             // ... skipped ...
          }
     },
     { data: 1 },
     { data: 2 },
     { data: 3 },
     // ... skipped ...
    ];
});
或者,您可以使用and的组合,但这会稍微复杂一些。

使用列和为数据源指定数组索引。在这种情况下,您需要为每个列提供选项,包括第一列

例如:

table = $('#main-table').DataTable({
    ajax: {"url": "..."},
    columns: [
    {
          data: null
          render: function (data, type, row, meta) {
             // ... skipped ...
          }
     },
     { data: 1 },
     { data: 2 },
     { data: 3 },
     // ... skipped ...
    ];
});

或者,您可以使用和的组合,但这会稍微详细一些。

到目前为止,动态默认配置是最好的选择:

dataColumnCount = 15;
tableColumnCount = dataColumnCount + 1;
 dtOptions.columns = new Array(tableColumnCount );
 // default:
 for (i = 0; i < tableColumnCount; i++) {
     dtOptions.columns[i] = { targets: i, data: i - 1};
 };
 // replace where it is required with custom renderer:
 dtOptions.columns[0] = {
     render: function (data, type, row, meta) { ..} }
 dtOptions.columns[3] = {
     render: function (data, type, row, meta) { .. row[2]... } }

到目前为止,动态默认配置是最好的选择:

dataColumnCount = 15;
tableColumnCount = dataColumnCount + 1;
 dtOptions.columns = new Array(tableColumnCount );
 // default:
 for (i = 0; i < tableColumnCount; i++) {
     dtOptions.columns[i] = { targets: i, data: i - 1};
 };
 // replace where it is required with custom renderer:
 dtOptions.columns[0] = {
     render: function (data, type, row, meta) { ..} }
 dtOptions.columns[3] = {
     render: function (data, type, row, meta) { .. row[2]... } }

如果无法通过标准配置来配置,我计划考虑如何通过动态JavaScript发送或硬编码元数据向列添加列。对于这种情况,使用柱状数据或柱状数据。数据是很棒的解决方案……如果无法通过标准配置来配置,我计划考虑如何通过动态JavaScript发送或硬编码元数据向列添加列。对于这种情况,使用columns.data或columnDefs.data是一个很好的解决方案。。。