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（）{ $（ '表'）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"

EXAMPLE

Answer 3

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

class="footable-detail-show"

要显示的每个TR元素。

但是，同意上述评论，这里根本不需要足够的。

Answer 4

在新的footable版本中使用：

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

不要忘记用以下内容重建表格：

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

如何用jquery显示隐藏的行？

4 个答案: