footable分页不适用于动态数据Rails

时间:2016-01-21 09:55:59

标签: javascript jquery ruby-on-rails pagination footable

我正在尝试在我的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条记录,甚至更改数据页面大小)。

帮助我如果有人发现此问题,请事先提交。

1 个答案:

答案 0 :(得分:0)

不确定你是否还有这个问题,但我偶然发现了这个问题所以我想我会回答它。

发生这种情况的原因是因为你在已经通过Rails gem分页的记录上调用了Footable的HashMap,用你的

表示
Paging Component

所以Footable只能由你的Rails应用程序提供10条记录,然后尝试对它们进行分页。基本上你是“双重分页”一组数据。

... <ul class="pagination pull-right"> <%=paginate @organizations%> </ul> ... 语法现在是:

通过HTML数据属性调用

Footable V3

通过JS调用

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

有关详细信息,请参阅implementation

基本上,选择 Rails Paginate Footable Paging ,但不能同时选择两者。希望这会有所帮助。