Question

我正在使用DataTables 1.10.12。我使用MVC框架实现了它。我的问题是我在表格中有25列，如果我没有排序图像，我可以在同一页面上容纳。要删除它们，我尝试了以下内容：

 <table id="datatable-buttons-por" class="table table-striped table-bordered">
                <thead style="font-size:smaller; background:none">
                    <tr>

以下

$(document).ready(function () {
            var handleDataTableButtons = function () {
                if ($("#datatable-buttons-por").length) {
                    $("#datatable-buttons-por").DataTable({
                        dom: "Bfrtip",
                        buttons: [
                          {
                              extend: "copy",
                              className: "btn-sm"
                          },
                          {
                              extend: "csv",
                              className: "btn-sm"
                          },
                          {
                              extend: "excel",
                              className: "btn-sm"
                          },
                          {
                              extend: "pdfHtml5",
                              className: "btn-sm"
                          },
                          {
                              extend: "print",
                              className: "btn-sm"
                          },
                        ],
                        responsive: true
                    });
                }
            };

            TableManageButtons = function () {
                "use strict";
                return {
                    init: function () {
                        handleDataTableButtons();
                    }
                };
            }();

            var $datatable = $('#datatable-checkbox');

            $datatable.dataTable({
                'order': [[1, 'asc']],
                'columnDefs': [
                  { orderable: false, targets: [0] }
                ]
            }); 
$datatable.on('draw.dt', function () {
                $('input').iCheck({
                    checkboxClass: 'icheckbox_flat-green'
                });
            });
            TableManageButtons.init();
            //$('#datatable-buttons-por thead').css('background-image', 'none');

            var table = $('#datatable-buttons-por').DataTable();
                        table.columns().every(function () {
                        var column = this;
                        var select = $('<select><option value=""></option></select>')
                            .appendTo($(column.footer()).empty())
                            .on('change', function () {
                                var val = $.fn.dataTable.util.escapeRegex(
                                    $(this).val()
                                );

                                column
                                    .search(val ? '^' + val + '$' : '', true, false)
                                    .draw();
                            });

                        column.data().unique().sort().each(function (d, j) {
                            select.append('<option value="' + d + '">' + d + '</option>')
                        });
                    });
        });
        $('#datatable-buttons-por thead th').css('background-image', 'none');

在Javascript中。

似乎没有这些工作。我在这做错了什么？顺便说一句，我仍然希望保持我的排序功能。

Answer 1

您需要定位th而不是thead

尝试：

$('#datatable-buttons-por thead th.sorting').css('background-image', 'none');

JQuery Datatables.net thead排序图像删除

1 个答案: