We help IT Professionals succeed at work.

bootstrap datatable

I wanna use a bootstrap data table but i cant get it to work.
this it the code in my header:
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css">
    <script type="text/javascript"  src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>>

Open in new window

What line do i need to add to get bootstarp datatable since the one i have been using does not seem to work.
Watch Question

Daniel PineaultPresident / Owner CARDA Consultants Inc.
Distinguished Expert 2018

NorieAnalyst Assistant


Try adding this link in the header.

<script type="text/javascript" src="https://cdn.datatables.net/1.10.20/js/dataTables.bootstrap4.min.js"></script>

Most Valuable Expert 2018
Distinguished Expert 2019

You might want to show us the code you currently have.

Once you've included the datatables script and styles, you need to initialise the datatable, based on the ID of your table. In your scripts above, you've included the jquery datatables plugin. The bootstrap datatables plugin is a seperate package, so if you specifically want that, you'll also need to include it, as pointed out by Norie.

You initialise the table in your DOM ready block:

$(function() {

Open in new window

The above code assumes your table has an ID of myTable

<table id="myTable">

You can select what you prefer then download the files and put in inside your application
or use CDN

Select items from this page this will generate the correct url or package

I do prefer to download and host the files on my server


Thanks everyone for the help!