Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/389.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 子行数据表_Javascript_Datatables - Fatal编程技术网

Javascript 子行数据表

Javascript 子行数据表,javascript,datatables,Javascript,Datatables,我已成功地在一行中分配了2列,从数组的第9个元素开始: function format(d) { let obj = String(d).split(',').slice(9); var tbl='', res=''; obj.forEach(function(item, index) { index % 2 === 0 ? game = item : value = item; index % 2 !== 0 ? res += '<tr>

我已成功地在一行中分配了2列,从数组的第9个元素开始:

function format(d) {
   let obj = String(d).split(',').slice(9);
   var tbl='', res='';

   obj.forEach(function(item, index) {
      index % 2 === 0 ? game = item : value = item;
      index % 2 !== 0 ? res += '<tr><td>' + game + '</td><td>' + value + '</td></tr>' : '';
   });

   tbl = '<table class="w-100 table-sm nowrap table-bordered">';
    tbl += '<thead><tr><th>A</th><th>B</th><th>C</th></tr></thead>';
    tbl += '<tbody>' + res + '</tbody>';
    tbl += '</table>';
    return tbl;
}
函数格式(d){
设obj=String(d).split(',').slice(9);
变量tbl='',res='';
对象forEach(功能(项目、索引){
索引%2==0?游戏=项目:值=项目;
索引%2!==0?res+=''+游戏+''+值+'':;
});
tbl='';
tbl+=‘ABC’;
tbl+=''+res+'';
tbl+='';
返回tbl;
}
但是,我未能使用相同的方法为一行中的3列赋值。 如何使用%运算符设计一行中的3列

我从安德鲁那里得到了这个想法:

function format(d) {
       let obj = String(d).split(',').slice(9);
       var tbl='', res='', value='', value2='';

       obj.forEach(function(item, index) {
          index % 3 === 0 ? game = '<td>' + item + '</td>' : value2 = '<td>' + item + '</td>';
          index % 3 === 1 ? value = '<td>' + item + '</td>' : '';
          index % 3 === 2 ? res += '<tr>' + game + value + value2 + '</tr>' : '';
       });

       tbl = '<table class="w-100 table-sm nowrap table-bordered">';
        tbl += '<thead><tr><th>A</th><th>B</th><th>C</th></tr></thead>';
        tbl += '<tbody>' + res + '</tbody>';
        tbl += '</table>';
        return tbl;
    }
函数格式(d){
设obj=String(d).split(',').slice(9);
变量tbl='',res='',value='',value2='';
对象forEach(功能(项目、索引){
索引%3==0?游戏=''+项目+'':值2=''+项目+'';
索引%3==1?值=“”+项+“”:“”;
索引%3==2?res+=''+游戏+值+值2+'''':;
});
tbl='';
tbl+=‘ABC’;
tbl+=''+res+'';
tbl+='';
返回tbl;
}

我不明白这里有什么困难?使用
%3
并再添加一个
将不起作用?在上面的示例中,假设您更改了
索引%2!==0
索引%2===1
。然后考虑“代码>索引3 %/代码>的等效方法。”安德鲁。詹姆斯,太好了,谢谢,先生,我想我明白你的意思了。我已经解决了这个问题。我再次更新了我的解决方案。很高兴你解决了这个问题。值得注意的是,
%
运算符(模数/余数)在不同语言中使用时可能会有不同的行为方式-请参见。我不明白这里有什么困难?使用
%3
并再添加一个
将不起作用?在上面的示例中,假设您更改了
索引%2!==0
索引%2===1
。然后考虑“代码>索引3 %/代码>的等效方法。”安德鲁。詹姆斯,太好了,谢谢,先生,我想我明白你的意思了。我已经解决了这个问题。我再次更新了我的解决方案。很高兴你解决了这个问题。值得注意的是,
%
运算符(模数/余数)在不同语言中使用时可能会有不同的行为方式-请参阅。