如何在jquery tablesaw插件中实现多个tbody元素?

时间:2016-11-10 12:39:46

标签: jquery jquery-plugins responsive

看起来,在桌子中使用多个tbody元素会破坏tablesaw插件,响应性仅适用于最后一个tbody,或者我错过了什么。

我使用的是最新的插件和滑动模式。

插件https://github.com/filamentgroup/tablesaw

$(document).ready(function(){

$('table.search')
    .addClass('tablesaw tablesaw-stack')
    .attr({
        "data-tablesaw-mode": "stack"
    });

$('table.search tr td:first-child, table.search tr td:nth-child(3)')
    .attr({ 'data-tablesaw-priority': 'persist' })
    .addClass("title");

$('table.dataList')
    .addClass("tablesaw tablesaw-swipe")
    .attr({
        "data-tablesaw-mode": "swipe"
    });

$('table.dataList tr th')
    .attr({
        'scope': 'col'
    })


$('table.dataList tr th:first-child')
    .attr({ 'data-tablesaw-priority': 'persist' })
    .addClass("title");

$('table.dataList tr td:first-child').addClass('title');

$( document ).trigger( "enhance.tablesaw" );
});

enter image description here

0 个答案:

没有答案