Basic table - problem with Filter - Material Design for Bootstrap

Topic: Basic table - problem with Filter

Francesco Crisanti asked 5 years ago

Expected behavior

I wanted to have a simple table with filtering as seen here https://mdbootstrap.com/docs/jquery/tables/datatables/

Actual behavior

I got a simple table without filtering capabilities. I followed exactly what was in the tutorial so my code is https://mdbootstrap.com/docs/jquery/tables/datatables/

Resources (screenshots, code snippets etc.) enter image description here

The controlls marked red are missing :(

Add comment

Mateusz Łubianka staff answered 5 years ago

0 0 Best answer

Hi @Francesco Crisanti,

https://mdbootstrap.com/docs/jquery/tables/datatables/ - this is docs page for new Datatables version. (Hover or click on header to see sort arrows) enter image description here

Here you can find previous verion of Datatables: https://mdbootstrap.com/docs/jquery/tables/datatables1/

Imports for new version:

<!-- MDBootstrap Datatables  -->
<link href="css/addons/datatables2.min.css" rel="stylesheet">
<!-- MDBootstrap Datatables  -->
<script type="text/javascript" src="js/addons/datatables2.min.js"></script>

Imports for previous version:

<!-- MDBootstrap Datatables  -->
    <link href="css/addons/datatables.min.css" rel="stylesheet">
    <!-- MDBootstrap Datatables  -->
    <script type="text/javascript" src="js/addons/datatables.min.js"></script>

Best,

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

User: Free
Premium support: No
Technology: MDB jQuery
MDB Version: 4.15.0
Device: Win 10 64
Browser: Firefox, Edge
OS: Win 10 64
Provided sample code: No
Provided link: Yes

Francesco Crisanti

5Support score
1Questions 0Answers

0Snippets likes 0Snippets