1

我正在尝试在我的 rails 应用程序中使用 footable。但我无法使用我的动态表数据实现分页。

这是我的代码

<table class="footable table table-stripped" data-page-size="10" data-filter=#filter>
                <thead>
                <tr>
                    <th>Organization Name</th>
                    <th>Type</th>
                </tr>
                </thead>
                <tbody>
                <%@organizations.each do |org|%>
                <tr class="gradeX">
                    <td><%=org.name%></td>
                    <td><%=org.type%></td>
                </tr>
                <%end%>
                </tbody>
                <tfoot>
                <tr>
                    <td colspan="5">
                        <ul class="pagination pull-right">
                            <%=paginate @organizations%>
                        </ul>
                    </td>
                </tr>
                </tfoot>
            </table>
<script type="text/javascript">

$(function() {
alert(); //testing
$('.footable').footable();

});

</script>

但是它只显示了 10 条记录，尽管它在表中最多包含 45 条记录（即使更改数据页大小也最多显示 10 条记录）。

帮助我如果有人发现这个问题，请提前谢谢。

4

1 回答 1

0

不知道你是否还有这个问题，但我偶然发现了这个问题，所以我想我会回答的。

发生这种情况的原因是因为您在Paging Component已经通过 Rails gem 分页的记录上调用 Footable's，通过使用

...
<ul class="pagination pull-right">
  <%=paginate @organizations%>
</ul>
...

因此，您的 Rails 应用程序只为 Footable 提供 10 条记录，然后尝试对这些记录进行分页。本质上，您是在“双重分页”一组数据。

现在Footable V3的语法是：

通过 HTML 数据属性调用它

<table class="footable table table-stripped" ... data-paging="true" data-paging-size="15" ... >

通过 JS 调用

$('.footable').footable({
                "paging": {
                    "enabled": true,
                    "limit": 10
                  }
               });

有关更多信息，请参阅Footable Paging Docs。

所以本质上，选择Rails Paginate或Footable Paging但不能同时选择两者。希望这可以帮助。

于 2017-09-17T06:29:23.000 回答