Bootstrap for ASP.NET MVC

Using the jQuery DataTables Plugin with Bootstrap
The TableTools extension
The TableTools extension for jQuery DataTables adds a toolbar at the top of the table
with which the user can copy to clipboard, export to CSV, and print to PDF the data
inside the DataTable. It is a really simple way to give your users the functionality to
export their data.
To use the TableTools extension, perform the following steps:
1. Create a new folder in the root of your project called swf.
2. Add the copy_csv_xls_pdf.swf ile to the swf folder. The .swf ile is
included in the DataTables plugin download.
3. Open the _Layout.cshtml ile and add a reference to the dataTables.
tableTools.css ile:
4. Open the view .cshtml ile and add a reference to the DataTables,
DataTables Bootstrap, and TableTools extension JavaScript iles:
5. Lastly, using jQuery, add an event handler to initialize the DataTables plugin
and the TableTools extension after the page has loaded:
$(document).ready(function () {
var table = $('.table').dataTable();
var tt = new $.fn.dataTable.TableTools(table);
$(tt.fnContainer()).insertBefore('div.dataTables_wrapper');
});
[ 156 ]