智能表 - 自定义分页

时间:2015-10-23 15:28:58

标签: angularjs angularjs-directive pagination angularjs-scope smart-table

我使用智能表插件进行分页。

我的要求是 - 我在加载时从数据库中获取100条记录,每页的记录数为10。 因此,页数将为10页。

现在,我希望当我点击页码10(从分页)然后我想从数据库&获取另外100条记录然后那些新的100条记录将附加在表格中(表格中的总记录将为200,页面编号在分页中为1到20),当我点击第20页时,从数据库中获取另外100条记录等等相同

1 个答案:

答案 0 :(得分:0)

我从您的问题中理解的是,您希望表行彼此堆叠,而不是在您在分页器上导航时被替换。

首先,您不需要使用默认分页,您可以在<tfoot>代码中添加自己的自定义标记

其次,如果您想在点击时显示不同数量的行,则可以使用ng-repeat上的limitTo过滤器

这是一个plunk,显示我如何添加更改表格中显示的行数的按钮。你可以在你自己的模板上使用这个逻辑(和函数),只需获取你想要的页码,乘以10,并将该数字设置为你想要看到的数量