如何在tabulatorjs中刷新rownum



我想自动刷新行号。删除单行之后。现在我有{title:"Question no", field:"no", sorter:"number", width:200, editor:false, htmlOutput:true, formatter:"rownum"}

我想刷新此列中的行号。对于remove函数,我有另一列来删除单行,所以在每行的末尾都有一个按钮来删除它。

{title:"Remove", formatter:"buttonCross", width:40, align:"center", cellClick:function(e, cell){cell.getRow().delete();}}

所以我想在任何一行被删除后刷新行号!

从您的第一个列定义(title:"Question no", field:"no", sorter:"number", width:200, editor:false, htmlOutput:true, formatter:"rownum"}(来看,似乎有点冲突。。。您希望该列从数据源对象的"no"字段(字段:"no"(中获取数字,还是希望它是rownum格式化程序(格式化程序:"rownum"(?。

如果数据源条目包含"否"字段,那么"问题no"列中的单元格来自您的数据源(在每个文档中的"no"字段中(,这意味着在您删除行的cellClick函数中,您需要添加操作原始数据源对象的代码来更新"no"的值"字段,以便更改表中的行号。这将是您的一项额外工作。

或者,如果数据源记录没有"no"字段,则应更改从列定义中删除"field:"no"属性,并且该行将被分配行索引号,并在删除行时自动更新。

请参阅以下jsfiddle:https://jsfiddle.net/jerren_s/897dtsye/1

第一列定义只是行号格式化程序的定义,不包括字段属性。。。这是我建议你用的。第二列是我对您的问题的猜测(因为您还没有提供数据源(。列定义中的"field:'id'"属性使用数据源记录中的数字,因此在行被删除时不会更改。

从版本4.5开始,当行更改时,rownum格式化程序将自动更新为正确的行号

相关内容

  • 没有找到相关文章

最新更新