1

フッタブル(モバイル、タブレットなどでテーブルをレスポンシブにするための 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 のコード例

4

4 に答える 4

3

このデモをチェックしてくださいhttp://jsfiddle.net/yeyene/nZEu2/2/

$('table tr').addClass('footable-detail-show');フッタブル コールの後に、この 1 行のスクリプトを追加します。

$(document).ready(function(){
    $(function() {
        $('table').footable();
    });
    $('table tr').addClass('footable-detail-show');
});
于 2013-07-15T01:54:24.167 に答える
2

相対クラスを適用するだけです。

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

例

于 2013-07-15T01:39:57.530 に答える
1

問題を解決する簡単な方法は、追加することです

class="footable-detail-show"

表示したいすべての TR 要素に対して。

ただし、上記のコメントに同意すると、ここではフッタブルはまったく必要ないかもしれません。

于 2013-07-15T01:37:49.050 に答える
0

新しいフッタブル バージョンでは、次を使用します。

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

次のようにテーブルを再構築することを忘れないでください。

$('table').trigger('footable_redraw');
于 2014-01-29T20:32:23.033 に答える