Блог

У меня есть этот скрипт для добавления кнопок печати и экспорта в мои таблицы. Также под каждым столбцом есть поле поиска, а под таблицами — «Сводная информация о таблице» и «Управление разбиением на страницы» (см. Изображение). Поскольку я использую темный фон, мне нужно изменить цвет сводки информации о таблице и элемента управления разбиением на страницы на белый (выделенный текст на изображении). Итак, как я могу изменить цвет dom: ‘ip’?

 $(document).ready(function() {
$('#example').DataTable({
    deferRender: true,
    responsive: true,
    dom: 'Bfrtip',
    ordering: false, // false to disable sorting (or any other option)
    buttons: [
        { extend: "print", text: ' Stampa', className: 'btn btn-warning glyphicon glyphicon-print', footer: true,
            customize: function(win)
            {
 
                var last = null;
                var current = null;
                var bod = [];
 
                var css = '@page { size: landscape; }', // Stampa in orizzontale
                    head = win.document.head || win.document.getElementsByTagName('head')[0],
                    style = win.document.createElement('style');
 
                style.type = 'text/css';
                style.media = 'print';
 
                if (style.styleSheet)
                {
                  style.styleSheet.cssText = css;
                }
                else
                {
                  style.appendChild(win.document.createTextNode(css));
                }
 
                head.appendChild(style);
            }
        },  
        { extend: 'excelHtml5', text: ' Esporta Excel', className: 'btn btn-danger glyphicon glyphicon-list-alt', footer: true  },            
        { extend: 'pdfHtml5', text: ' Esporta PDF', orientation: 'landscape', className: 'btn btn-primary glyphicon glyphicon-file', footer: true  }
    ],
    /*"language": {
    "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/Italian.json"
    }*/
});     
$('.dataTables_length').addClass('bs-select');

// Setup - add a text input to each footer cell
$('#example tfoot th').each( function () {
    var title = $(this).text();
    $(this).html( '<input type="text" placeholder="' title '" />' );
} );

// DataTable
var table = $('#example').DataTable();

// Apply the search
table.columns().every( function () {
    var that = this;

    $( 'input', this.footer() ).on( 'keyup change clear', function () {
        if ( that.search() !== this.value ) {
            that
                .search( this.value )
                .draw();
        }
    } );
} );
});