fooTable-“级联”不适用于自定义断点

时间:2018-10-30 05:19:55

标签: javascript jquery jquery-plugins footable

我有这个简单的桌子。

<table class="table">
    <thead>
        <tr>
            <th data-breakpoints="x-small">ID</th>
            <th>First Name</th>
            <th>Last Name</th>
            <th data-breakpoints="x-small">Job Title</th>
            <th data-breakpoints="small">Started On</th>
            <th data-breakpoints="medium" data-title="DOB">Date of Birth</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>Dennise</td>
            <td>Fuhrman</td>
            <td>High School History Teacher</td>
            <td>November 8th 2011</td>
            <td>July 25th 1960</td>
        </tr>
        // more rows
    </tbody>
</table>

我有以下脚本:

jQuery(function($){
    $('.table').footable({            
        "breakpoints": {
            "x-small": 480,
            "small": 768,
            "medium": 992,
            "large": 1200,
            "x-large": 1400
        },
        "cascade": true,
    });
});

请注意,我正在使用自定义断点。并且根据FooTable文档(https://fooplugins.github.io/FooTable/docs/getting-started.html),这应该可行。它专门说

  

级联选项还将与自定义断点一起使用。

但是,它不适用于x-small。它从不隐藏ID和职称列。

关于FooTable插件,我没有在线找到足够的资源。任何帮助将不胜感激。

0 个答案:

没有答案