class: center, middle # jQuery DataTables --- # [jQuery](http://jquery.com/) > jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript. --- # [DataTables](http://datatables.net/) > DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, and will add advanced interaction controls to any HTML table. --- # DataTables Data Sources 1. HTML (DOM) ``` <tr><td>1</td><td>One</td></tr> <tr><td>2</td><td>Two</td></tr> ``` 1. Javascript ``` var tableData = [["1","One"],["2","Two"]]; ``` 1. Ajax 1. Array of rows 1. Array of objects (object = row) 1. Server Side Processing --- # DOM Example [demo.ideoplex.com/table.html](http://demo.ideoplex.com/table.html) --- # Next Steps > Learn the rules like a pro, so you can break them like an artist. > --- Pablo Picasso [You Might Not Need jQuery](http://youmightnotneedjquery.com/) > jQuery and its cousins are great, and by all means use them if it makes it easier to develop your application. > > If you're developing a library on the other hand, please take a moment to consider if you actually need jQuery as a dependency. ...