Answers

• allan Posts: 63,514Questions: 1Answers: 10,472 Site admin

  August 30

  As far as I can see the code for the two tables is identical? Even the ID is the same, which is not valid HTML. An id must be unique.

  I'd really need a link to a test case showing the issue so I can diagnose and help to resolve the problem.

  Allan
• Paykoman Posts: 11Questions: 2Answers: 0

  August 30

  Ach damn no is not the same i really used a few time to copythe code here but it seems anything i did fron on copy paste -,-

  You can see the variable if i save the instance is different roo

  that.memberTable = new DataTable('#memberlist', {
      fixedHeader: true,
      fixedColumns: true,
      scrollX: '100%',
      scrollY: '500px',
      scrollCollapse: true,
      bPaginate: false, //hide pagination
      bInfo: false, // hide showing entries
      order: [[1, 'desc']], // initzial order on table are loaded
  });
  

  Did you have have discord? i can show by screenshare etc. im not really use these platforms for showcase etc. its so complicated today
• kthorngren Posts: 21,337Questions: 26Answers: 4,954

  August 30

  Only the table if i load as first is broken if i re enter this. If i load B as first then this is broken and A is still working -,-

  How is it broken - please provide more details.

  Do you get errors in the browser's console?

  Maybe you can build a test case showing the issue with one of the sites listed here:
  https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case

  Kevin
• Paykoman Posts: 11Questions: 2Answers: 0

  August 30 edited August 30

  No errors in console, then i would fix it self

  The table is broken like i cant click the headers to filter, the table is dead...
  But only the table who is loaded as first is not always the same.
  If the second table created the first one is dead.

  And i can not build a test case then its implemented in my tab switching system, i execute a xhr before table are created a taste case will not work.
  The tables will be moved between containers etc.

  Best option is to see the real implementation.

  That is why i ask for Discord, mabye Skype or any other software if i can screenshare then i can show exactly what i mean.

  
• kthorngren Posts: 21,337Questions: 26Answers: 4,954

  August 30 edited August 30

  I can't do any of the screenshare stuff but maybe Allan will. You can contact him directly by clicking his name in this thread to find out if he is willing.

  I doesn't sound like the problem is specific to your data. One option to provide a test case might be to use the Ajax URLs provided in one of these JS Bin templates templates to simulate your XHR request. Then implement your tab system. Possibly you can work on building a test case while waiting for Allan's response.

  The table is broken like i cant click the headers to filter, the table is dead...

  Sorting and searching don't work either?

  Sounds like you might be calling destroy() on the first loaded table to remove the Datatables features?

  Kevin
• Paykoman Posts: 11Questions: 2Answers: 0

  August 30

  okay then i will wait.

  I have tryed to resize the browser it seems any event will then be fired to revive the table :-(

  Its so strange.
• kthorngren Posts: 21,337Questions: 26Answers: 4,954

  August 30

  I have tryed to resize the browser it seems any event will then be fired to revive the table :-(

  Hmm, that is strange. Is it just the header search that doesn't work or are the other features like sorting and paging not working?

  Possibly you need to use columns.adjust() when the tab is displayed, like this example.

  Kevin
• allan Posts: 63,514Questions: 1Answers: 10,472 Site admin

  August 30

  I can do live one-to-one support under the maintenance and support contracts. However, if you are looking for free support, I'm happy to help, but you need to make it possible for me to support you - typically that is through a link to a test case showing the issue.

  Allan
• Paykoman Posts: 11Questions: 2Answers: 0

  August 30 edited August 30

  its just the ordering (up and down) function who is not working.
  After i entered a name on searchfield the headers revive and working now uhmpf -,-

  can is use any revive/restore function on datatables?

  i solved it by adding a adjust();

  Every table will be execute it when the table will be reopened...

  this.allyMember = function(){
      if( $('#memberListSec').length == 0 ){
          // Append container and at least create table with new DataTable();
      }else{
          // table exist already move to visible container and make sure its working
          $('#memberListSec').appendTo('#editorContent');
          that.memberTable.columns.adjust().draw(); // need to bugfix
      }
  };
  this.allyChart = function(){
      if( $('#memberChartSec').length == 0 ){
          // Append container and at least create table with new DataTable();
      }else{
          // table exist already move to visible container and make sure its working
          $('#memberChartSec').appendTo('#editorContent');
          that.chartTable.columns.adjust().draw(); // need to bugfix
      }
  };