使用外部JavaScript文件时，数据表滚动选项不起作用

Question

我在我的网站项目中使用数据表，我想打开滚动条。我使用了这段代码并且工作正常：

$(document).ready(function () {
    $('#dataTableStoreCapacity').DataTable( {
        "scrollX": true
    });
});

但是项目中有很多页面使用数据表，我希望它们都有滚动条。我已将滚动条添加到全局js。已经在这些页面中使用过的文件，没有任何问题，但没有任何改变。我对jquery知之甚少，我自己找不到解决方案。有什么建议我应该如何解决这个问题，还是有什么我想念的？以下是不起作用的更新代码：

$(document).ready(function () {
    globalKWP.dataTableInstance('dataTable', [{ extend: 'copy' }]);
});

这是我的全球.js文件

var globalKWP = {
    language: '',
    dataTableInstance: function (tableName, headbuttonArr, lengthMenuArr) {
        var btnArray = [];
        var languageUrl = '';
        if (lengthMenuArr == undefined) {
            lengthMenuArr = [[10, 25, 50, -1], [10, 25, 50, "Tümü"]];
            var item = { extend: 'pageLength' };
            btnArray.push(item);
        }
        if (headbuttonArr == undefined) {
            headbuttonArr = [{ extend: 'copy' }, { extend: 'pdf', title: tableName }, { extend: 'excel', title: tableName }, { extend: 'print' }];
        }
        for (var btn in headbuttonArr) {
            btnArray.push(headbuttonArr[btn]);
        }
        if (globalKWP.language == 'tr') {
            languageUrl = '/Scripts/Other/datatable/tr.txt';
        }
        var dataTable = $('#' + tableName).DataTable({
            "dom": 'Bfrtip',
            buttons: btnArray,
            "lengthMenu": lengthMenuArr,
            "language": { "url": languageUrl },
            "scrollX": true
        });
        return dataTable;
    },
    dataTableInstanceWithOptions: function (tableName, options) {
        if (globalKWP.language == 'tr') {
            languageUrl = '/Scripts/Other/datatable/tr.txt';
            options["language"] = { "url": languageUrl };
        }
        var dataTable = $('#' + tableName).DataTable(options);
        return dataTable;
    }
}