带有隐藏表行的FooTable未处理错误

时间:2019-01-10 10:52:09

标签: javascript jquery footable

我正在尝试使用一个简单的.toggle()来显示/隐藏表中的特定行的按钮。我也在使用FooTable 3.0.10,但是当我有style="display:none;"的任何行时,表绘制失败,并且出现以下错误:

  

FooTable:在绘制操作期间引发未处理的错误。 TypeError:无法读取未定义的属性“ toUpperCase”

下面是代码示例:

$("#toggle-zero-balances").on("click", function() {
  $(".zero-bal-row").toggle('fast');
});
$('.my-table').footable();
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-footable/3.0.10/footable.js"></script>

<button id="toggle-zero-balances">Show zero balances</button>

<table class="table my-table">
  <thead>
    <tr>
      <th data-breakpoints="">Balances 1</th>
    </tr>
  </thead>
  <tr class="zero-bal-row" style="display: none;">
    <td>0</td>
  </tr>
  <tr>
    <td>5</td>
  </tr>
</table>

请告知是否有任何解决方法/解决方案。

0 个答案:

没有答案