I am interested in knowing which route I should take to customize the buttons that come from datatable defects (pdf, excel, print ...) to group them so that they are floating buttons. I am using a template based on UIkit, the document shows the css path and js by default of the template. Thank you very much
HTML
<!doctype html>
<!--[if lte IE 9]> <html class="lte-ie9" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html lang="en"> <!--<![endif]-->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Remove Tap Highlight on Windows Phone IE -->
<meta name="msapplication-tap-highlight" content="no"/>
<title>Datatable</title>
<link rel="stylesheet" href="bower_components/uikit/css/uikit.almost-flat.min.css" media="all">
<link rel="stylesheet" href="assets/css/main.min.css" media="all">
<body>
<div class="uk-container uk-container-center uk-margin-top">
<div class="md-card uk-width-1-1">
<div class="md-card-content ">
<div class="dt_colVis_buttons"></div>
<table id="dt_tableExport" class="uk-table uk-table-striped" cellspacing="0" width=100%>
<thead>
<tr>
<th>User name</th>
<th>Profession</th>
<th>Address</th>
<th>Age</th>
<th>Birthdate</th>
<th>Salary</th>
</tr>
</thead>
<tbody>
<tr>
<td>Tiger Nixon</td>
<td>System Architect</td>
<td>Edinburgh</td>
<td>61</td>
<td>2011/04/25</td>
<td>$320,800</td>
</tr>
<tr>
<td>Garrett Winters</td>
<td>Accountant</td>
<td>Tokyo</td>
<td>63</td>
<td>2011/07/25</td>
<td>$170,750</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</script>
<!-- common functions -->
<script src="assets/js/common.min.js"></script>
<!-- uikit functions -->
<script src="assets/js/uikit_custom.min.js"></script>
<!-- altair common functions/helpers -->
<script src="assets/js/altair_admin_common.min.js"></script>
<!-- page specific plugins DATATABLES-->
<!-- datatables -->
<script src="bower_components/datatables/media/js/jquery.dataTables.min.js"></script>
<!-- datatables buttons-->
<script src="bower_components/datatables-buttons/js/dataTables.buttons.js"></script>
<script src="assets/js/custom/datatables/buttons.uikit.js"></script>
<script src="bower_components/jszip/dist/jszip.min.js"></script>
<script src="bower_components/pdfmake/build/pdfmake.min.js"></script>
<script src="bower_components/pdfmake/build/vfs_fonts.js"></script>
<script src="bower_components/datatables-buttons/js/buttons.colVis.js"></script>
<script src="bower_components/datatables-buttons/js/buttons.html5.js"></script>
<script src="bower_components/datatables-buttons/js/buttons.print.js"></script>
<!-- datatables custom integration -->
<script src="assets/js/custom/datatables/datatables.uikit.min.js"></script>
<!-- datatables functions -->
<script src="assets/js/pages/plugins_datatables.min.js"></script>