制表符更新列数据

Question

我用Tabulator设置了一个带有未知数据（从文件中提取）的表，因此除了可以处理任何类型数据的常规设置外，我无法为其进行列定义设置。

现在，我需要为现有表随附的列code下的每一行添加某些代码。

我寻找了在第一行中添加类似SX0001代码，并在每行中添加1，因此第二行看起来像SX0002

我已经检查了此链接http://tabulator.info/docs/4.1/update#alter-replace，我看到了一些对行有效但对列无效的函数。

我正在尝试实现的解决方案：-该链接包含在updateData函数下，我需要具有默认值（Id）的索引

给出我不确定它可能具有或包含在表中的日期类型，我使用此代码添加了新列

table.addColumn({title:"id", field: "id" , formatter:"rownum",width:40, align:"center"} , true)

现在我不知道如何获取列的长度以遍历该列的每个并运行这样的功能

var no = 1000;
var str = "SX";
var x = str + no ;

table.updateData([{id:1, code:x}]);
var no = no +1;

反正有这样做吗？

Answer 1

您可以使用getData函数检索存储在表中的数据。

var data = table.getData();

这将返回一个数组，其中包含表中每一行的数据对象。

然后，要获取长度，只需执行data.length

Answer 2

如果要对表数据进行计数，则为此要精确地获取getDataCount ，这将返回表中的行数：

var count = table.getDataCount();

但是实际上，您当前的方法将导致在更新行数据时重绘该表的时间。

存取器

相反，您应该看一下使用Mutator的方法 ，这些方法使您可以在数据进入表时对其进行更改，因此在这种情况下，您可以执行以下操作：

//global variable to keep track of row id
var rowCount = 0;

//custom mutator
var idMutator = function(value, data, type, params, component){
  //increment rowCount and assign as column value
  return rowCount++;
}

//in your column definition set this mutator
{title:"ID", field:"id", mutatorData:idMutator}

通过使用这种方法，可以在将数据加载到表中时设置值，无需重绘任何内容，并且整个过程效率更高