如何为DataTables表格包裹容器添加自定义类？

DataTables初始化后会自动生成带dataTables_wrapper类的包裹div，要给它添加自定义类，有两种实用方式：

方法1：利用DataTables的初始化回调initComplete #

在表格初始化配置里加入initComplete函数，等表格完成初始化后，通过DataTables API获取包裹容器并添加类：

$(function () {
    let wonderfulTable = $('#my-wonderful-list').DataTable({
        initComplete: function(settings, json) {
            // 通过API获取当前表格的包裹容器，添加自定义类
            $(this.api().table().container()).addClass('my-custom-wrapper-class');
        }
        // 其他配置项...
    });
});

方法2：直接通过ID选择器定位操作 #

DataTables生成的包裹容器ID规则是表格ID + "_wrapper"，所以可以在初始化代码执行后，直接用这个ID找到容器并添加类：

$(function () {
    let wonderfulTable = $('#my-wonderful-list').DataTable({
        // 其他配置项...
    });
    // 直接定位包裹容器，添加自定义类
    $('#my-wonderful-list_wrapper').addClass('my-custom-wrapper-class');
});

两种方法都能实现需求，第一种更贴合DataTables的API规范，第二种更直接简洁，按需选择即可。

内容的提问来源于stack exchange，提问作者LucileDT