Basic table - problem with Filter - Material Design for Bootstrap

Topic: Basic table - problem with Filter

Francesco Crisanti free asked 4 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 4 years ago

0 0 Best answer

<p>Hi <a href="/profile/?id=103424" target="_blank" rel="nofollow">@Francesco Crisanti</a>,</p>

<p><a href="https://mdbootstrap.com/docs/jquery/tables/datatables/" target="_blank">https://mdbootstrap.com/docs/jquery/tables/datatables/</a> - this is docs page for new Datatables version. (Hover or click on header to see sort arrows)<img src="https://usercontent.mdbootstrap.com/mdb-images/support/0dfcc1b5-d3f5-425e-ba5f-49f2b2d69871-datatables%20sort.jpg" alt="enter image description here" title=""></p>

<p>Here you can find previous verion of Datatables: <a href="https://mdbootstrap.com/docs/jquery/tables/datatables1/" target="_blank">https://mdbootstrap.com/docs/jquery/tables/datatables1/</a></p>

<p>Imports for new version:</p>

<p>Imports for previous version:</p>

Please insert min. 20 characters.

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

ForumUser: 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