Javascript Footable V3：动态页面大小

我正在使用Footable V3（版本3.0.1）和分页功能，并希望为我的用户提供动态修改每页项目的能力

我尝试了两种方法来实现这一点，但都没有成功：

1） 填充表后，我尝试在代码中传递新的页面大小

$('#availableResults').footable(
    {
        "paging": 
            "size": count
        }
    });

这导致表格立即格式不正确，控制台中出现以下错误：

FooTable: unhandled error thrown during initialization. Error: No columns supplied.(…)(anonymous function) @ footable.js:1705

2） 接下来，我尝试在填充表之后动态更改页面大小的table属性的值

angular.element( '#availableResults').attr( 'data-paging-size', count );

这没有效果

我知道在footable V2中，可以更改页面大小属性，然后触发表重画以完成每页的动态项更改。我知道V3是一个完全重写的版本，但可能有一个类似的机制，我不知道。我阅读了下面所有的V3文档，但运气不好

---

非常感谢您的帮助。

您可以使用“分页和大小”功能

$('.table').footable({ // define all of table with 'table' class as footable
  "paging": { 
    "size": 5 // set the default page size to 5 rows
  }
});

或者您可以轻松地使用此属性

<table class="table" data-paging-size="5">
    ...
</table>

...

有关Footable分页的更多信息，请参见：

---

您需要重新初始化表，并在对象参数中传入列和行数据

FooTable.init('#availableResults', {
    paging: {size: 5}, columns: columns, rows: rows
});

其中，行和列位于父作用域中，并填充表所需的数据