Whats the correct order for the following scripts?

vaishnavkoka

Can someone help me out with the correct order of the following scripts? I getting confused. I know it depends on the functionality i want to implement in my datatable but at least looking at the links guide me through.

<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://127.0.0.1/deg_login/scripts/script.js"></script>
<script src="http://127.0.0.1/deg_login/scripts/jquery.min.js"></script>
<script src="http://127.0.0.1/deg_login/scripts/bootstrap.min.js"></script>
<script src="http://127.0.0.1/deg_login/scripts/jquery-1.11.1.min.js"></script>
<script src="http://127.0.0.1/deg_login/statistics/css/jquery-1.12.3.js"></script>
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> -->
<script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
<script src="http://127.0.0.1/deg_login/statistics/css/jquery.dataTables.js"></script>
<script src="http://127.0.0.1/deg_login/statistics/css/dataTables.bootstrap4.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.0.0/moment.min.js"></script>
<!--css files-->
<!-- <link rel="stylesheet"  href="http://127.0.0.1/deg_login/css/footer.css"/> -->
<link rel="stylesheet"  href="http://127.0.0.1/deg_login/css/header.css"/>
<link rel="stylesheet"  href="http://127.0.0.1/deg_login/css/styles.css" />
<link rel="stylesheet"  href="http://127.0.0.1/deg_login/css/master page-----test---css--file.css"/>
<link rel="stylesheet" href="https://formden.com/static/cdn/bootstrap-iso.css" /> 
<link rel="stylesheet" href="http://127.0.0.1/deg_login/css/bootstrap2.min.css">
<link rel="stylesheet" href="http://127.0.0.1/deg_login/statistics/css/bootstrap.css"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto|Varela+Round" >
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css"/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css"/>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.16/datatables.min.css"/>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css"/>
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.5.1/css/buttons.dataTables.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.16/datatables.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.32/pdfmake.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/vfs_fonts.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.print.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.1/js/dataTables.buttons.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.5.1/css/buttons.dataTables.min.css" />`

Thanks
Koka

EDIT: Updated to use Markdown for code formatting

colin

Hi @vaishnavkoka ,

As far as the DataTables ones go, I'd say that looks right. A good bet is to look at one of the examples, such as this one here, and just ensure it's the same. The key is to make sure that if a library depends on another, it's listed after that one.

Cheers,

Colin

kthorngren

You are loading the Datatables JS and CSS multiple times. T?he easiest option is to use the Download to select the Datatables components you want. You can either sue the concatenated form or uncheck that option to see the order.

Kevin