123 lines
2.3 KiB
JavaScript
123 lines
2.3 KiB
JavaScript
// Basic DataTable
|
|
$(function(){
|
|
$('#basicExample').DataTable({
|
|
'iDisplayLength': 4,
|
|
"language": {
|
|
"lengthMenu": "Display _MENU_ Records Per Page",
|
|
"info": "Showing Page _PAGE_ of _PAGES_",
|
|
}
|
|
});
|
|
});
|
|
|
|
|
|
|
|
// FPrint/Copy/CSV
|
|
$(function(){
|
|
$('#copy-print-csv').DataTable( {
|
|
dom: 'Bfrtip',
|
|
buttons: [
|
|
'copyHtml5',
|
|
'excelHtml5',
|
|
'csvHtml5',
|
|
'pdfHtml5',
|
|
'print'
|
|
],
|
|
'iDisplayLength': 5,
|
|
});
|
|
});
|
|
|
|
|
|
// Fixed Header
|
|
$(document).ready(function(){
|
|
var table = $('#fixedHeader').DataTable({
|
|
fixedHeader: true,
|
|
'iDisplayLength': 4,
|
|
"language": {
|
|
"lengthMenu": "Display _MENU_ Records Per Page",
|
|
"info": "Showing Page _PAGE_ of _PAGES_",
|
|
}
|
|
});
|
|
});
|
|
|
|
|
|
// Vertical Scroll
|
|
$(function(){
|
|
$('#scrollVertical').DataTable({
|
|
"scrollY": "207px",
|
|
"scrollCollapse": true,
|
|
"paging": false,
|
|
"bInfo" : false,
|
|
});
|
|
});
|
|
|
|
|
|
|
|
// Row Selection
|
|
$(function(){
|
|
$('#rowSelection').DataTable({
|
|
'iDisplayLength': 4,
|
|
"language": {
|
|
"lengthMenu": "Display _MENU_ Records Per Page",
|
|
"info": "Showing Page _PAGE_ of _PAGES_",
|
|
}
|
|
});
|
|
var table = $('#rowSelection').DataTable();
|
|
|
|
$('#rowSelection tbody').on( 'click', 'tr', function () {
|
|
$(this).toggleClass('selected');
|
|
});
|
|
|
|
$('#button').on('click', function () {
|
|
alert( table.rows('.selected').data().length +' row(s) selected' );
|
|
});
|
|
});
|
|
|
|
|
|
|
|
// Highlighting rows and columns
|
|
$(function(){
|
|
$('#highlightRowColumn').DataTable({
|
|
'iDisplayLength': 4,
|
|
"language": {
|
|
"lengthMenu": "Display _MENU_ Records Per Page",
|
|
}
|
|
});
|
|
var table = $('#highlightRowColumn').DataTable();
|
|
$('#highlightRowColumn tbody').on('mouseenter', 'td', function (){
|
|
var colIdx = table.cell(this).index().column;
|
|
$(table.cells().nodes()).removeClass('highlight');
|
|
$(table.column(colIdx).nodes()).addClass('highlight');
|
|
});
|
|
});
|
|
|
|
|
|
|
|
// Using API in callbacks
|
|
$(function(){
|
|
$('#apiCallbacks').DataTable({
|
|
'iDisplayLength': 4,
|
|
"language": {
|
|
"lengthMenu": "Display _MENU_ Records Per Page",
|
|
},
|
|
"initComplete": function(){
|
|
var api = this.api();
|
|
api.$('td').on('click', function(){
|
|
api.search(this.innerHTML).draw();
|
|
});
|
|
}
|
|
});
|
|
});
|
|
|
|
|
|
// Hiding Search and Show entries
|
|
$(function(){
|
|
$('#hideSearchExample').DataTable({
|
|
'iDisplayLength': 4,
|
|
"searching": false,
|
|
"language": {
|
|
"lengthMenu": "Display _MENU_ Records Per Page",
|
|
"info": "Showing Page _PAGE_ of _PAGES_",
|
|
}
|
|
});
|
|
});
|