Replies

• rmayer Posts: 5Questions: 1Answers: 0

  April 2014

  So in the end, I just blasted all FixedHeader instances using $('.fixedHeader').remove(); and reinstated the common table's FixedHeader at the same time as creating the dynamic one's. It's a pity we can't currently address a specific FixedHeader instance - if a DataTables developer reads this, perhaps it could be considered for inclusion in a future release?
• johan.steurs@staff.telenet.be Posts: 4Questions: 1Answers: 0

  September 2014

  +1 for this feature request (thanks rmayer)

  i have several dataTables in separate collapsable divs, i want to remove the related FixedHeader when a specific table is collapsed (otherwise the fixed header will stay put on its current position).
• Kichrum Posts: 2Questions: 0Answers: 0

  September 2014

  +1!! It is really awful if we don't have ability to work with extension on single page applications! If datatable's instance removed (removed table from DOM), even without datatable API's method destroy(), or datatable is hidden on the page (has display: none; !$table.isVisible()), FixedHeader should be removed as well! And re-created on table appears again).

  For now I didn't find better solution than running this function every 1 sec (but it's terrible!!!):

  run: function() {
      var isDataTable = function(nTable) {
          var settings = $.fn.dataTableSettings;
          for (var i = 0, iLen = settings.length; i < iLen; i++) {
              if (settings[i].nTable === nTable && !settings[i].bDrawing) {
                  return true;
              }
          }
          return false;
      };
      $('.FixedHeader_Cloned').each(function(_, header) {
          var $header = $(header),
                  tableId = $header.find('table').attr('aria-describedby').replace('_info', '');
          if (!$('#' + tableId).is(':visible')) {
              $('#' + tableId).removeData('fixedHeader');
              $header.remove();
          }
      });
      $('.dataTable[id]:visible').each(function(_, table) {
          var $table = $(table);
          if (!$table.data('fixedHeader') && isDataTable(table)) {
              $('.FixedHeader_Cloned [aria-describedby="' + table.id + '_info"]').parent().remove();
              $table.data('fixedHeader', new $.fn.dataTable.FixedHeader($table, {alwaysCloneTop: true}));
          }
      });
  },
  

  Please fix it ASAP!
• allan Posts: 61,654Questions: 1Answers: 10,094 Site admin

  September 2014

  This feature exists in the development version of FixedHeader. I would welcome anyone trying it out and letting me know how you get on with it.

  Allan
• Kichrum Posts: 2Questions: 0Answers: 0

  September 2014 edited September 2014

  Dear allan, if I want to use it, I have to use callback of datatables onTableHidden(), which is not implemented in the API. So this feature could work only if I have some other functionality to catch table's visibility - which is related to other page elements, not to datatable. It's a violation of patterns.

  Feature also don't cover the case if user goes to another page using AngularJS. When user returns back, new FixedHeader_Cloned element will be created, we can't use hidden FH again, because datatable destroyed (removed from DOM) and created again.
• allan Posts: 61,654Questions: 1Answers: 10,094 Site admin

  September 2014

  If you set an element to display:none, there is no event triggered (at least that I am aware of - would love to be proven wrong there as it would be exceptionally useful!) so I can't know that this has happened.

  For complete separation of components your best bet would be to trigger a custom event that would signal that an element has been hidden and have an event handler that would perform whatever updates are needed.

  Allan