42 lines
1.8 KiB
Markdown
42 lines
1.8 KiB
Markdown
|
# Responsive
|
||
|
|
|
||
|
|
Responsive will automatically optimise the table's layout for different screen sizes through the dynamic column visibility control, making your tables useful on desktop and mobile screens.
|
||
|
|
|
||
|
|
|
||
|
|
# Installation
|
||
|
|
|
||
|
|
To use Responsive the primary way to obtain the software is to use the [DataTables downloader](//datatables.net/download). You can also include the individual files from the [DataTables CDN](//cdn.datatables.net). See the [documentation](http://datatables.net/extensions/responsive/) for full details.
|
||
|
|
|
||
|
|
## NPM and Bower
|
||
|
|
|
||
|
|
If you prefer to use a package manager such as NPM or Bower, distribution repositories are available with software built from this repository under the name `datatables.net-responsive`. Styling packages for Bootstrap, Foundation and other styling libraries are also available by adding a suffix to the package name.
|
||
|
|
|
||
|
|
Please see the DataTables [NPM](//datatables.net/download/npm) and [Bower](//datatables.net/download/bower) installation pages for further information. The [DataTables installation manual](//datatables.net/manual/installation) also has details on how to use package managers with DataTables.
|
||
|
|
|
||
|
|
|
||
|
|
# Basic usage
|
||
|
|
|
||
|
|
Responsive is initialised using the `responsive` option in the DataTables constructor - a simple boolean `true` will enable the feature. Further options can be specified using this option as an object - see the documentation for details.
|
||
|
|
|
||
|
|
Example:
|
||
|
|
|
||
|
|
```js
|
||
|
|
$(document).ready( function () {
|
||
|
|
$('#myTable').DataTable( {
|
||
|
|
responsive: true
|
||
|
|
} );
|
||
|
|
} );
|
||
|
|
```
|
||
|
|
|
||
|
|
|
||
|
|
# Documentation / support
|
||
|
|
|
||
|
|
* [Documentation](https://datatables.net/extensions/responsive/)
|
||
|
|
* [DataTables support forums](http://datatables.net/forums)
|
||
|
|
|
||
|
|
|
||
|
|
# GitHub
|
||
|
|
|
||
|
|
If you fancy getting involved with the development of Responsive and help make it better, please refer to its [GitHub repo](https://github.com/DataTables/Responsive).
|
||
|
|
|