Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/447.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/algorithm/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript DataTables下拉按钮样式_Javascript_Jquery_Datatables_Metronic - Fatal编程技术网

Javascript DataTables下拉按钮样式

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: [

我在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: [
                    {
                        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