Getting Started

Let's install our prerequisites. We will use the DataTables CDN. DataTable has an excellent documentation if you get stuck. Anyways, go to their download page:

https://datatables.net/download/

We are going to use Boostrap 4 (not 5).

We'll select both jQuery 3 & Boostrap 4.

And we'll use CDN as our donwload method.

Simply copy the two lines and paste into your HTML.

Our HTML should look something like this:

<!DOCTYPE html>
<html>
<body>
    <h3>Advanced Example</h3>
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs4-4.1.1/jq-3.3.1/dt-1.10.22/datatables.min.css"/>
    <script type="text/javascript" src="https://cdn.datatables.net/v/bs4-4.1.1/jq-3.3.1/dt-1.10.22/datatables.min.js"></script
</body>
</html>

Notice that this example might use outdated links. Go to the DataTables website and get the latest links.

PreviousPrerequisitesNextAdd Basic HTML Page

Last updated