我有这个简单的桌子。
<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插件,我没有在线找到足够的资源。任何帮助将不胜感激。