如何在此JS脚本中更改标题?

时间:2017-06-30 06:39:50

标签: javascript jquery html-table

我是JS的新手,目前正在尝试创建一个自动更改数据的表。 (一个4年的stackoverflow回答帮助了我,但不太可能有人会回复我)。

以下是fiddle部分代码:

var data = [data1, data2];
    var i = 0;
    var dt = dynamicTable.config('data-table', 
                                 ['field1', 'field2', 'field3', 'field4', 'field5', 'field6' ], 
                                 ['Header1', 'Header2', 'Header3', 'Header4', 'Header5', 'Header6'], //set to null for field names instead of custom header names
                                 'There are no items to list...');

function cycle()
{
    dt.load(data[i % data.length]);
    i++;
    setTimeout(cycle, 2000);
}
cycle();

我希望标题可以像字段一样加载和更改。我在想2个解决方案

  1. 删除标题并仅保留字段,但第一个字段不会被设置样式并且看起来很糟糕

  2. 使用来自字段产生函数的代码,重命名变量和样式标题,但它对我不起作用

  3. 如果有人会指出我是否有更简单的解决方案或如何做到这一点,我会非常高兴。谢谢你的回答。

1 个答案:

答案 0 :(得分:0)

假设你想以与字段相同的方式交换标题(在2集之间循环),这样的东西将是一个快速的解决方案:

  • 创建headersdata数组
  • 将其作为参数传递给“公共”加载方法

var headersdata = [headers1,headers2];

function cycle() {
    dt.load(data[i % data.length], headersdata[i % data.length]);
    i++;
    setTimeout(cycle, 2000);
}

cycle();
  • 内部加载将头文件数据分配给_headers变量并调用'private'_setHeaders();现在将使用新标题数据的函数

请参阅演示:https://jsfiddle.net/n7fqn2sc/