jquery数据表不显示按钮答案

【问题标题】：jquery datatable doesn't show buttonsjquery数据表不显示按钮
【发布时间】：2022-01-24 17:29:55
【问题描述】：

我正在使用 jquery 将数据加载到 html 表中：

        function loaddata() {
        var table = $('#dataTable1').DataTable({
            "buttons": ['copy', 'csv', 'excel', 'pdf', 'print', 'colvis'],
            "paging": true,
            "searching": true,
            "ordering": true,
            "info": true,
            "autoWidth": false,
            "responsive": true,
            'ajax': {
                "type": "GET",
                "url": "http://localhost:5000/getallworkers",
                "dataSrc": function (json) {
                    var return_data = new Array();
                    for (var i = 0; i < json.length; i++) {
                        return_data.push({
                            'IDRadnik': json[i].IDRadnik,
                            'Ime': json[i].Ime,
                            'Prezime': json[i].Prezime
                        })
                    }
                    return return_data;
                }
            },
            "columns": [
                { 'data': 'IDRadnik' },
                { 'data': 'Ime' },
                { 'data': 'Prezime' }
            ],
            "buttons": ['copy', 'csv', 'excel', 'pdf', 'print', 'colvis']
        });

        table.buttons().container().appendTo('#dataTable1_wrapper .col-md-6:eq(0)');
    }

这里的问题是按钮不显示。但如果我只这样做：

 function loaddata() {
 var table = $('#dataTable1').DataTable({
            "buttons": ['copy', 'csv', 'excel', 'pdf', 'print', 'colvis']});
 
 table.buttons().container().appendTo('#dataTable1_wrapper .col-md-6:eq(0)');
 }

按钮在那里...为什么？

【问题讨论】：

标签： jquery datatables

【解决方案1】：

您需要使用dom 选项并为按钮添加B。

var table = $('#dataTable1').DataTable({
    "dom": "lBftrip"
});

【讨论】：