使用Webpack Encore时,DataTables响应按钮未显示

flseospp  于 2022-12-19  发布在  Webpack
关注(0)|答案(1)|浏览(161)

我有一个数据表,我想使用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。

uxhixvfz

uxhixvfz1#

正如DataTables Responsive GitHub ReadMe所述:
此包中仅包含此库的核心软件-要正确设置样式,还必须包含Responsive的样式包。样式选项包括DataTable的本机样式、Bootstrap和Foundation。
在我的示例中,我安装了Bootstrap 5样式:
第一个月
然后我把它包含在我的SCSS文件中:

@import '~datatables.net-responsive-bs5';

现在按钮显示出来了。

相关问题