如何刷新制表器js中的rownum？

Question

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

我想刷新此列中的行号。对于删除功能，我还有另一列要删除单行，因此每行的末尾都有一个按钮来删除它。

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

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

Answer 1

从您的第一个列定义（title:"Question no", field:"no", sorter:"number", width:200, editor:false, htmlOutput:true, formatter:"rownum"}）开始，似乎有点冲突...您是否希望该列从数据源对象的“ no”字段（字段：“ no”）中获取数字？ ），还是希望它成为rownum格式化程序（formatter：“ rownum”）？

[如果您的数据源条目包含“否”字段，则“问题编号”列中的单元格来自数据源（每个文档中的“否”字段中），这意味着在cellClick函数中，删除行，您需要添加代码来操纵原始数据源对象以更新每个记录中“ no”字段的值，以更改表中的行号，这将为您增加很多工作部分。

或者，如果您的数据源记录没有“否”字段，则应进行更改以从列定义中删除“ field：“ no””属性，并将为该行分配行索引号，并且删除行后会自动更新。

请参见此jsfiddle：https://jsfiddle.net/jerren_s/897dtsye/1

第一列定义只是行号格式化程序的定义，并且不包含字段属性...这是我建议您使用的。第二列是我对您的问题的猜测（因为您尚未提供数据源）。列定义中的“ field：'id'”属性使用数据源记录中的数字，因此在删除行时不会更改。