Я использую DataTables в своем проекте с шаблоном административной панели Metronic v6. Но стиль кнопки экспорта в выпадающем меню DataTables не кажется правильным. У меня нет ничего в таблице стилей DataTables или js DataTables.

Мой код дом

dom: '{amp}lt;"row"{amp}lt;"col-8"B{amp}gt;{amp}lt;"col-3 float-right"f{amp}gt;{amp}lt;"col-1 float-right"l{amp}gt;{amp}gt;rtip', buttons: [ { extend: 'collection', text: '{amp}lt;i class="fa fa-ellipsis-v"{amp}gt;{amp}lt;/i{amp}gt;', 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:'{amp}lt;i class="fa fa-file-alt"{amp}gt;{amp}lt;/i{amp}gt;' }, { extend: 'excel', className: 'btn btn-success btn-elevate btn-icon btn-sm btn-square', titleAttr:'Excel', text:'{amp}lt;i class="fa fa-file-excel"{amp}gt;{amp}lt;/i{amp}gt;'}, { extend: 'pdf', className: 'btn btn-google btn-elevate btn-icon btn-sm btn-square', titleAttr:'PDF', text: '{amp}lt;i class="fa fa-file-pdf"{amp}gt;{amp}lt;/i{amp}gt;' }, { extend: 'colvis', className: 'btn btn-info btn-elevate btn-icon btn-sm btn-square', titleAttr:'PDF', text: '{amp}lt;i class="fa fa-eye"{amp}gt;{amp}lt;/i{amp}gt;' }, ], 

Это выглядит так: введите описание изображения здесь

Но после того, как я нажал кнопку выпадающего меню, это выглядит так: введите описание изображения здесь

С. Йылдыз

новый участник этого сайта. Будьте внимательны, спрашивая разъяснения, комментируя и отвечая. Проверьте наш

Правила поведения

,

Какую версию datatTable JS вы используете?

Я использую выпущенную версию DataTables: https://cdn.datatables.net/1.10.20/js/jquery.dataTables.js

Версия: DataTables 1.10.20