98 lines
2.4 KiB
JavaScript
Executable File
98 lines
2.4 KiB
JavaScript
Executable File
/*=========================================================================================
|
|
File Name: datatables-visibility.js
|
|
Description: Column visibility Datatables.
|
|
----------------------------------------------------------------------------------------
|
|
Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
|
|
Version: 1.0
|
|
Author: PIXINVENT
|
|
Author URL: http://www.themeforest.net/user/pixinvent
|
|
==========================================================================================*/
|
|
|
|
$(document).ready(function() {
|
|
|
|
/*********************************************
|
|
* js of Basic column visibility *
|
|
*********************************************/
|
|
|
|
$('.dataex-visibility-basic').DataTable( {
|
|
dom: 'Bfrtip',
|
|
buttons: [
|
|
'colvis'
|
|
]
|
|
} );
|
|
|
|
/*****************************************
|
|
* js of Multi-column layout *
|
|
*****************************************/
|
|
|
|
$('.dataex-visibility-multi').DataTable( {
|
|
dom: 'Bfrtip',
|
|
buttons: [
|
|
{
|
|
extend: 'colvis',
|
|
collectionLayout: 'fixed two-column'
|
|
}
|
|
]
|
|
} );
|
|
|
|
/***********************************************
|
|
* js of Restore column visibility *
|
|
***********************************************/
|
|
|
|
$('.dataex-visibility-restore').DataTable( {
|
|
dom: 'Bfrtip',
|
|
buttons: [
|
|
{
|
|
extend: 'colvis',
|
|
postfixButtons: [ 'colvisRestore' ]
|
|
}
|
|
],
|
|
columnDefs: [
|
|
{
|
|
targets: -1,
|
|
visible: false
|
|
}
|
|
]
|
|
} );
|
|
|
|
/***********************************
|
|
* js of Column groups *
|
|
***********************************/
|
|
|
|
$('.dataex-visibility-groups').DataTable( {
|
|
dom: 'Bfrtip',
|
|
buttons: [
|
|
{
|
|
extend: 'colvisGroup',
|
|
text: 'Office info',
|
|
show: [ 1, 2 ],
|
|
hide: [ 3, 4, 5 ]
|
|
},
|
|
{
|
|
extend: 'colvisGroup',
|
|
text: 'HR info',
|
|
show: [ 3, 4, 5 ],
|
|
hide: [ 1, 2 ]
|
|
},
|
|
{
|
|
extend: 'colvisGroup',
|
|
text: 'Show all',
|
|
show: ':hidden'
|
|
}
|
|
]
|
|
} );
|
|
|
|
/***********************************************
|
|
* js of Restore column visibility *
|
|
***********************************************/
|
|
|
|
$('.dataex-visibility-state').DataTable( {
|
|
dom: 'Bfrtip',
|
|
stateSave: true,
|
|
buttons: [
|
|
'colvis'
|
|
]
|
|
} );
|
|
|
|
|
|
} ); |