jquery - Datatables buttons extention not working -

i've been researching while , can't figure out why isn't working. working @ 1 point table wasn't styled right, missing 1 of datatables files , after stopped working. i've tried removing , adding different js , css links, tried different orders , tried different ways of coding tables script itself. ideas?

here js/css

{% block stylesheets %}      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">             <link rel="stylesheet" href="https://cdn.datatables.net/1.10.13/css/jquery.datatables.min.css">             <link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.2.4/css/buttons.datatables.min.css">      {% endblock %}     {% block javascripts %}      <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.2.4/js/datatables.buttons.min.js"></script>     <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>     <script type="text/javascript" src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.24/build/vfs_fonts.js"></script>       <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>     <script type="text/javascript" src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.24/build/pdfmake.min.js"></script>      <script type="text/javascript" src="https://cdn.datatables.net/1.10.13/js/jquery.datatables.min.js"></script>      <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.2.4/js/buttons.colvis.min.js"></script>     <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.2.4/js/buttons.flash.min.js"></script>     <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.2.4/js/buttons.html5.min.js"></script>     <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.2.4/js/buttons.print.min.js"></script> {% endblock %} 

and table

 <script>             $(document).ready(function() {                 $('#mytable').datatable({                     ddom: 'bfrtip',                     buttons: [                         'copyhtml5', 'excelhtml5', 'pdfhtml5', 'csvhtml5'                     ]                 });             });         </script> 

change

<script>         $(document).ready(function() {             $('#mytable').datatable({                 ddom: 'bfrtip',                 buttons: [                     'copyhtml5', 'excelhtml5', 'pdfhtml5', 'csvhtml5'                 ]             });         });     </script> 

to

<script>         $(document).ready(function() {             $('#mytable').datatable({                 -------->dom: 'bfrtip',                 buttons: [                     'copyhtml5', 'excelhtml5', 'pdfhtml5', 'csvhtml5'                 ]             });         });     </script> 

you have "d" remove it