<!-- DataTables  -->
  <script src=" https://code.jquery.com/jquery-3.5.1.js"></script>
  <script src="https://cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script>
  <script src="https://cdn.datatables.net/1.10.24/js/dataTables.bootstrap4.min.js"></script>
  <script src="https://cdn.datatables.net/buttons/1.7.0/js/dataTables.buttons.min.js"></script>
  <script src="https://cdn.datatables.net/buttons/1.7.0/js/buttons.bootstrap4.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
  <script src="https://cdn.datatables.net/buttons/1.7.0/js/buttons.html5.min.js"></script>
  <script src="https://cdn.datatables.net/buttons/1.7.0/js/buttons.print.min.js"></script>
  <script src="https://cdn.datatables.net/buttons/1.7.0/js/buttons.colVis.min.js"></script>

  <script>
    $(document).ready(function () {
      $("#example")
        .DataTable({
          responsive: true,
          buttons: ["copy", "csv", "print", "excel", "pdf"],
          lengthMenu: [
            [5, 10, 25, 50, 100, -1],
            [5, 10, 25, 50, 100, "All"],
          ],
          dom:
            "<'row'<'col-md'l><'col-md'B><'col-md'f>>" +
            "<'row'<'col-md-12'tr>>" +
            "<'row'<'col-md'i><'col-md'p>>",
          processing: true,
          order: [[0, "desc"]],
        })
        .buttons()
        .container()
        .appendTo("#dataTableLine_wrapper .col-md-6:eq(0)");
    });
  </script>