如何在加载时在我的特定函数中添加数据表按钮？

问：

所以这是我对每个文件的全局函数

App.Cars = {
    dataTableLoad: function (url, columns) {
        $(".data-table").DataTable({
            processing: true,
            serverSide: true,
            responsive: true,
            ajax: {
                url: url,
                method: "POST",
            },
            columns: columns,
            
           
        });
    },
}

这就是我在我的页面中加载它的方式

App.Cars.dataTableLoad("{{ route('cars.submodels.listing') }}", [{
            data: 'uid',
            name: 'uid'
        },
        {
            data: 'make_id',
            name: 'make_id'
        },
        {
            data: 'model_id',
            name: 'model_id'
        },
        {
            data: 'name',
            name: 'name'
        },
        {
            data: 'name_ar',
            name: 'name_ar'
        },
        {
            data: 'year_from',
            name: 'year_from'
        },
        {
            data: 'year_to',
            name: 'year_to'
        },
        {
            data: 'car_source',
            name: 'car_source'
        },
        {
            data: 'sub_model_image',
            name: 'sub_model_image'
        },
        {
            data: 'action',
            name: 'action',
            orderable: false,
            searchable: false
        },

    ])

所以我想在我唯一的这个页面中添加打印 CSV 和 Excel 按钮，该怎么做？我也添加了这样的按钮

       App.Cars.dataTableLoad("{{ route('cars.submodels.listing') }}", [{
            data: 'uid',
            name: 'uid'
        },
        {
            data: 'make_id',
            name: 'make_id'
        },
        {
            data: 'model_id',
            name: 'model_id'
        },
        {
            data: 'name',
            name: 'name'
        },
        {
            data: 'name_ar',
            name: 'name_ar'
        },
        {
            data: 'year_from',
            name: 'year_from'
        },
        {
            data: 'year_to',
            name: 'year_to'
        },
        {
            data: 'car_source',
            name: 'car_source'
        },
        {
            data: 'sub_model_image',
            name: 'sub_model_image'
        },
        {
            data: 'action',
            name: 'action',
            orderable: false,
            searchable: false
        },

    ], {
        dom: "<'row'<'col-sm-12 col-lg-4'l><'col-sm-12 col-lg-4 text-center'B><'col-sm-12 col-lg-4'f>>" +
            "<'row'<'col-12'rt>>" +
            "<'row'<'col-12'i>>" +
            "<'row'<'col-12'p>>",
        buttons: {
            dom: {
                container: {
                    className: "dt-buttons",
                },
                button: {
                    className: "btn btn-secondary",
                },
            },
            buttons: ["copy", "excel", "csv"],
        },
    });

但它没有在浏览器上显示任何按钮，甚至没有任何错误，我现在该怎么办？