jquery - 如何使用 jQuery 更改整个数据表背景颜色而不依赖于任何列或行值

Question

很简单，但我无法更改此表格背景颜色。我使用 jQuery ajax 调用绑定(bind)数据表。任何帮助都会很好。

$.ajax({
                type: "POST",
                datatype: "json",
                data: { Alert: true },
                url: '/GunTracking/GetGunAlertsList',
                success: function (data) {
                    debugger;
                    var table = $('#GunTracking-detail-datatable').DataTable();
                    table.clear().draw();
                    for (var i = 0; i < data.length; i++) {
                        var id = data[i].GunId;                         
                        var remarks = '<button type="button" title="Remarks" class="btn btn-xs  btn-default" data-toggle="modal" data-target="#gun-tracking-remark-popup"  onclick="javascript: OpenRemarks ('+id +')" ><i class="fa fa-info-circle"></i></button>';
                        var rowNode = table.row.add([
                            //data[i].GunId,
                            data[i].BranchName,
                            data[i].GunSerialNo,
                            data[i].GunTypeName,
                            data[i].ModelNo,
                            data[i].CarriedBy,
                            data[i].Bullets,
                            data[i].Purpose,
                            data[i].IssueDate,
                            data[i].IssueTime,
                            data[i].TotalEstimatedTime,
                            remarks,
                        ]);
                    }                        
                    table.draw();
                }
            });

Answer 1

我猜像这样的 CSS 应该可以解决问题:

#GunTracking-detail-datatable{
    background-color:#eee;
}

如果你真的想去城里改变 DataTables 提供的全部内容，你需要这样的东西:

#GunTracking-detail-datatable_wrapper{
    background-color:#eee;
}

希望有帮助，例如 here .