У меня есть эта простая таблица.
<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 он не работает. Он никогда не скрывает столбцы идентификатора и названия должности.
Я не нашел достаточно ресурсов в сети относительно плагина FooTable. Любая помощь будет принята с благодарностью.