javascript - DataTables 下拉按钮样式
问题描述
我在我的项目中使用 DataTables 和 Metronic v6 管理面板模板。但 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>' },
],
解决方案
您使用的是哪个 datatTable JS 版本?
推荐阅读
- python - 如何从 Django 中调用 Google API?
- javascript - 使用 delete() 从数组中删除对象,并在 TextField 中呈现对象名称
- android - navigateUp() 和 popBackStack() 的区别
- flutter - 在测试期间我应该怎么做“没有找到方向性小部件”
- typescript - 如何修复 VueJs3 和 typescript 应用程序中组件类型上不存在的属性?
- c# - 如何在 asp mvc 中使用 SignInManager 正确登录用户?
- ios - 如何使用与 NMANavigationManager (HERE SDK) 相同的语音播放测试语音指导语句?
- node.js - 为 Web 应用程序构建服务器的真正需要是什么?
- javascript - Electron 应用程序不会在前端使用 javascript 关闭
- sql - How to select records only if all matching records found in another table?