SpreadJS使用一个筛选按钮 实现多个表格的筛选

在使用SpreadJS实现业务的时候，有时会遇到这种场景：需要对多个表格同时做筛选，我们很容易想到用自定义的筛选按钮就可以了，貌似很简单，但是由于excel和SpreadJS都有一个特性，即表格和列筛选无法同时存在，请看下图：

通过代码设置的话，如果先设置筛选，再追加表格，则会使筛选失效；反之，先增加表格，再增加筛选，则会报错。我们暂时不知道excel为何会有这种限制，但是，我们可以通过另一种比较取巧的方式来实现，简单来说，就是利用表格的移动功能。

我们虽然无法在新增的时候让表格和筛选列相交，但是可以在新增完成后将表格移动到与筛选列相交的范围中，这一点SpreadJS和excel有一点区别：Excel在移动过去后，筛选会直接消失，而SpreadJS则不会：

图2

通过代码来做，我们可以在设置完筛选后，将表格增加到和筛选列不重合的位置，再将表格移动到想要的位置即可：

图1