jquery - 如何用 jquery 显示隐藏的行？

Question

我正在使用footable（一个用于使表格在手机、平板电脑等上响应的jquery脚本）但我有一个问题。对于我的项目来说，触摸每一行的展开是不必要的。

通常使用此代码它可以工作：

 <table class="footable">
      <thead>
        <tr>
          <th data-class="expand">
            First Name
          </th>
          <th>
            Last Name
          </th>
          <th data-hide="phone,tablet">
            Job Title
          </th>
          <th data-hide="phone,tablet">
            DOB
          </th>
          <th data-hide="phone">
            Status
          </th>
        </tr>
      </thead>

$(function() { $('table').footable(); });

但是我怎样才能将所有行默认展开？

jsfiddle上的示例代码

Answer 1

检查此演示http://jsfiddle.net/yeyene/nZEu2/2/

$('table tr').addClass('footable-detail-show');在您的可脚调用之后添加这一行脚本

$(document).ready(function(){
    $(function() {
        $('table').footable();
    });
    $('table tr').addClass('footable-detail-show');
}); 

Answer 2

只需应用相关类，即

class="footable-detail-show"
class="footable-row-detail"

例子

Answer 3

解决问题的一种简单方法是添加

class="footable-detail-show"

对于您想要显示的每个 TR 元素。

但是，同意上面的评论，也许这里根本不需要footable。

Answer 4

在新的footable版本中使用：

$('table tr').addClass('footable-detail-show');
$('.footable-row-detail').css("display","table-row");

不要忘记使用以下命令重建表：

$('table').trigger('footable_redraw');