Javascript dom:';Bfrtip';如何更改搜索和表格信息的颜色
我有这个脚本,可以将打印和导出按钮添加到我的表中。此外,每列下都有搜索框,表下有“表信息摘要”和“分页控件”(见图)。 由于使用深色背景,我需要将表信息摘要和分页控件颜色更改为白色(图像中突出显示的文本)。那么我如何更改dom:“ip”颜色Javascript dom:';Bfrtip';如何更改搜索和表格信息的颜色,javascript,jquery,colors,Javascript,Jquery,Colors,我有这个脚本,可以将打印和导出按钮添加到我的表中。此外,每列下都有搜索框,表下有“表信息摘要”和“分页控件”(见图)。 由于使用深色背景,我需要将表信息摘要和分页控件颜色更改为白色(图像中突出显示的文本)。那么我如何更改dom:“ip”颜色 $(document).ready(function() { $('#example').DataTable({ deferRender: true, responsive: true, dom: 'Bfrtip', orde
$(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();
}
} );
} );
});
$(文档).ready(函数(){
$('#示例')。数据表({
是的,
回答:是的,
dom:'Bfrtip',
排序:false,//false禁用排序(或任何其他选项)
按钮:[
{扩展:“打印”,文本:“Stampa”,类名:“btn btn警告图示符图标打印”,页脚:true,
自定义:功能(win)
{
var last=null;
无功电流=零;
var bod=[];
var css='@page{size:scape;}',//orizzontale中的Stampa
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;
}
其他的
{
appendChild(win.document.createTextNode(css));
}
头。附属物(样式);
}
},
{extend:'excelHtml5',text:'Esporta Excel',className:'btn btn danger glyphion list alt',footer:true},
{扩展:'pdfHtml5',文本:'Esporta PDF',方向:'landscape',类名:'btn btn primary glyphion file',页脚:true}
],
/*“语言”:{
“url”:”//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/意大利语.json”
}*/
});
$('.dataTables_length').addClass('bs-select');
//设置-向每个页脚单元格添加文本输入
$('#示例tfoot th')。每个(函数(){
var title=$(this.text();
$(this.html(“”);
} );
//数据表
变量表=$(“#示例”).DataTable();
//应用搜索
table.columns().every(函数(){
var=这个;
$('input',this.footer()).on('keyup change clear',函数(){
如果(that.search()!==this.value){
那个
.search(this.value)
.draw();
}
} );
} );
});