Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/412.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_Typescript_Tabulator - Fatal编程技术网

Javascript 制表器:使用格式化数据的高效列过滤

Javascript 制表器:使用格式化数据的高效列过滤,javascript,typescript,tabulator,Javascript,Typescript,Tabulator,我正在使用(准确地说,试点测试和功能/性能评估仍在等待)制表器表库来显示(相当大-大约30列和10k行)数据集,并且想知道使用格式化数据实现列过滤的最有效方法 所谓格式化数据,是指在原始数据上应用单元格格式后,在表中向用户显示的数据。这样,假设我有一个格式为“dd/mm/yyyy”的日期列,然后我想让用户通过在列筛选器框中键入“9/2021”来查找该列上与2021年9月匹配的所有行。现在,我可以用我知道的两种方法来实现这一点: 实现一个自定义过滤器。使用这种方法,我每次都必须对数据重新应用转换(

我正在使用(准确地说,试点测试和功能/性能评估仍在等待)制表器表库来显示(相当大-大约30列和10k行)数据集,并且想知道使用格式化数据实现列过滤的最有效方法

所谓格式化数据,是指在原始数据上应用单元格格式后,在表中向用户显示的数据。这样,假设我有一个格式为“dd/mm/yyyy”的日期列,然后我想让用户通过在列筛选器框中键入“9/2021”来查找该列上与2021年9月匹配的所有行。现在,我可以用我知道的两种方法来实现这一点:

  • 实现一个自定义过滤器。使用这种方法,我每次都必须对数据重新应用转换(格式化),然后将其与用户输入相匹配。CPU很重

  • 实现一个变异器。通过这种方式,我将(在数据加载时)转换数据,在备份数据数组中创建一个新的(如在我加载到表中的原始数据数组中不存在的)“列”,并且在过滤后,表将简单地根据这些新值进行过滤。需要在数据中为每个需要此功能的列引入一个新的“列”。笨重的

  • 从这些选项中,我倾向于选择选项2),因为我的目标主要是桌面浏览器,而且表的速度很慢(即使行数很低,如200-300,列筛选/排序也很容易需要1-2秒)。也许我错过了一条更好的路