text: /*=========================================================================================
      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'
      ]
  } );
  
  
  } );