Javascript DataTables下拉按钮样式
我在Metronic v6管理面板模板的项目中使用DataTables。但是DataTables下拉导出按钮样式似乎不正确。我在DataTables样式表或DataTables js中没有任何内容 我的dom代码Javascript DataTables下拉按钮样式,javascript,jquery,datatables,metronic,Javascript,Jquery,Datatables,Metronic,我在Metronic v6管理面板模板的项目中使用DataTables。但是DataTables下拉导出按钮样式似乎不正确。我在DataTables样式表或DataTables js中没有任何内容 我的dom代码 dom: '<"row"<"col-8"B><"col-3 float-right"f><"col-1 float-right"l>>rtip', buttons: [
dom: '<"row"<"col-8"B><"col-3 float-right"f><"col-1 float-right"l>>rtip',
buttons: [
{
extend: 'collection',
text: '<i class="fa fa-ellipsis-v"></i>',
className: 'btn btn-primary btn-elevate btn-icon btn-sm btn-square',
buttons: [
{ text: 1 },
{ text: 2 },
{ text: 3 },
{ text: 4 },
{ text: 5 }
],
dropup: true
},
{ extend: 'copy', className: 'btn btn-warning btn-elevate btn-icon btn-sm btn-square', titleAttr:'Copy', text:'<i class="fa fa-file-alt"></i>' },
{ extend: 'excel', className: 'btn btn-success btn-elevate btn-icon btn-sm btn-square', titleAttr:'Excel', text:'<i class="fa fa-file-excel"></i>'},
{ extend: 'pdf', className: 'btn btn-google btn-elevate btn-icon btn-sm btn-square', titleAttr:'PDF', text: '<i class="fa fa-file-pdf"></i>' },
{ extend: 'colvis', className: 'btn btn-info btn-elevate btn-icon btn-sm btn-square', titleAttr:'PDF', text: '<i class="fa fa-eye"></i>' },
],
dom:'rtip',
按钮:[
{
扩展:'集合',
文本:“”,
类名:“btn btn主btn提升btn图标btn sm btn方形”,
按钮:[
{文本:1},
{文本:2},
{文本:3},
{文本:4},
{文本:5}
],
dropup:对
},
{扩展:'copy',类名:'btn btn warning btn elevate btn icon btn sm btn square',titleAttr:'copy',文本:''},
{扩展:'excel',类名:'btn btn success btn ELVEL btn icon btn sm btn square',标题:'excel',文本:''},
{扩展:'pdf',类名:'btn btn google btn elevate btn icon btn sm btn square',标题:'pdf',文本:''},
{extend:'colvis',className:'btn btn info btn elevate btn icon btn sm btn square',titleAttr:'PDF',text:''},
],
看起来是这样的:
但在我点击下拉按钮后,看起来是这样的:
您使用的是哪个DataTable JS版本?我使用DataTables发布的版本:
版本:DataTables 1.10.20。2.我希望它应该这样显示:Version:DataTables 1.10.20