footable 分页无法正常使用 slim

Question

我正在为索引页使用 footable，我使用的是 html 的 slim intead，但是当我单击 footable 中的排序图标时，分页数字突然增加。

wrapper.wrapper-content.animated.fadeInRight
  .row
    .col-lg-12
      .ibox.float-e-margins
        .ibox-title
         h5 List of Organizations
        .ibox-content  
          table class="footable table table-stripped" data-page-size="10" 
           thead
            tr
             th Organization
             th Type
           tbody
            - @organizations.each do |f|
             tr
              td= f.name
              td= f.type   
           tfoot
            tr
             td colspan="2"
              ul class="pagination pull-right"
javascript:
$(function() {
$('.footable').footable();
});

在点击排序图标之前 单击排序图标后

我有没有做错什么，请提前告诉我谢谢。

Answer 1

您应该为这些行添加意图

javascript:
  $(function() {
  $('.footable').footable();
  });

Answer 2

wrapper.wrapper-content.animated.fadeInRight
  .row
    .col-lg-12
      .ibox.float-e-margins
        .ibox-title
         h5 List of Organizations
        .ibox-content  
          table class="footable table table-stripped" data-page-size="10" 
           thead
            tr
             th Organization
             th Type
           tbody
            - @organizations.each do |f|
             tr
              td= f.name
              td= f.type   
           tfoot
            tr
             td colspan="2"
              ul class="pagination pull-right"
javascript:
  $(function() {
  $('.footable').footable();
  });