HTML Tables Tutorial: DataTables (Part 3/3)

Introduction to building beautiful, clean HTML tables for your website using minimal code. In the third and final part of the series, we demonstrate the highly flexible, professional looking DataTables plugin which supports advanced interaction controls including searching, pagination, sorting, exporting data and column visibility control.

Command to start browser-sync once in directory storing HTML file: browser-sync start --server --directory --files "**/*"

[kylefleming]

Awesome video! Thanks for your hard work!

This really helped me gain a clear understanding of how datatables works... So thankful.

Note: dom and buttons options are now objects, check the dox. Remember to include the Buttons extension, and the respective functions in your stylesheets and scripts.

Thanks again Johnny :)

[jamesserenity]

holy shit it worked! been trying to get my database data to load into an html table for so long! thank you!

[khushbugupta]

sir i want to sort my html table using plugin but I am confused which code is displayed please solve my problem

[martinmtandi]

The buttons are not displaying as well as sorting arrows on the table headers

[ismailramzi]

Hi can i get the source code that you used in this video since i can't seem to get DataTables to work on my website's tables. Thank you