如何使用jQuery显示隐藏行？

我正在使用footable（一个jQuery脚本，使桌子响应手机，平板电脑等），但我有一个问题。触摸 - 点击展开每一行对我的项目来说都是不必要的。如何使用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>

$（函数（）{。 $（ '表'）footable（）; }）;

但是我怎样才能扩展所有的行为默认？

上jsfiddle

来源

2013-07-15 motto

如果你希望他们所有的扩大，不启用footable ... – Rake36

@ Rake36我建议您检查问题再次。 – motto

我的意思是这样的http://prntscr.com/1fgtp2 不是这样的：http://prntscr.com/1fgu1k – motto

检查这个DEMO http://jsfiddle.net/yeyene/nZEu2/2/

添加脚本的这一行你footable电话后

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

来源

2013-07-15 01:54:24 yeyene

很聪明！我不知道addclass – motto

Glads它工作:) – yeyene

这个问题是前一阵子，但仍然有关于如何在新版本的脚步上做到这一点的任何想法？ http://fooplugins.com/footable/demos/auto-expand-first-row-on-breakpoint.htm – motto

示例代码一个简单的方法来解决您的问题将是添加

class="footable-detail-show"

要你想显示每一个TR元素。

但是，同意上面的意见，可能脚踏并不需要在这里。

来源

2013-07-15 01:37:49 user387049

和可能需要什么？你知道没有重写代码的更好的解决方案吗？ – motto

简单地套用相类是

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

EXAMPLE

来源

2013-07-15 01:39:57

在新的footable版本使用：

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

不要忘了重建表：

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

来源

2014-01-29 20:32:23 Marciv

如何使用jQuery显示隐藏行？

回答

相关问题