# Tables
## Basic **Tables**
Pages extensively uses Bootstrap's `.table` to style its tables.
{% hint style="info" %}
Please refer to their documentation for guidelines. [Bootstrap Tables](https://getbootstrap.com/docs/4.4/content/tables/)
{% endhint %}
## **DataTables**
DataTables is a highly flexible jQuery plug-in based upon the foundations of progressive enhancement, and will add advanced interaction controls to any HTML table.
{% hint style="info" %}
Please refer to [DataTables Documentation](http://www.datatables.net/) to learn about plugin options
{% endhint %}
**Step one**
Include the plugin stylesheet `jquery.dataTables.css` and other extensions inside the ``.
```markup
```
**Step two**
Include the plugin javascript and extension files inside the ``before core template script inclusions, if it's not there already.
```markup
```
\
Use any of the following pre-configured settings to get DataTables customized to match your purpose. For more advanced options please refer to [DataTables Documentation](http://datatables.net/)
### **Table with a search box**
```markup