我有一个数据表,我想使用Responsive extension。
我设置了数据表:
import 'datatables.net-responsive';
$(function () {
let myTable = $('#my-list').DataTable({
responsive: {
details: {
type: 'column',
target: 'tr'
}
},
// ...
});
myTable.draw();
});
列被折叠到一个新行下,在单击行时出现,但没有任何类似one in the documentation的按钮。
我发现了一个discussion,有人解释说我们需要包含扩展CSS文件,但node_module/datatables.net-responsive
文件夹中没有任何CSS。
1条答案
按热度按时间uxhixvfz1#
正如DataTables Responsive GitHub ReadMe所述:
此包中仅包含此库的核心软件-要正确设置样式,还必须包含Responsive的样式包。样式选项包括DataTable的本机样式、Bootstrap和Foundation。
在我的示例中,我安装了Bootstrap 5样式:
第一个月
然后我把它包含在我的SCSS文件中:
现在按钮显示出来了。