Replies

• colin Posts: 15,240Questions: 1Answers: 2,599

  July 2021

  You could also check the number of rows in your info variable. If recordsDisplay isn't equal to recordsTotal, then you know the table is being filtered.

  Colin
• atataylor Posts: 35Questions: 7Answers: 0

  July 2021

  Thanks Colin I will work on that idea
• atataylor Posts: 35Questions: 7Answers: 0

  July 2021

  Following Colins advice and doing some research I have added the following code below the initial code posted earlier in the discussion. But it does not work, am I on the right track anyone?

  $("input").keyup(function(){
  var info = table.page.info();
  var info2 = table.pages.info();
  
  if(info !==info2){
      $('#tableInfo').hide();
  
  }else
  $('#tableInfo').show();
   
  });
  
• colin Posts: 15,240Questions: 1Answers: 2,599

  July 2021 edited July 2021

  I think you missed the point of my message, I meant something like:

  $("input").keyup(function(){
  var info = table.page.info();
   
  if(info.recordsDisplay !==info.recordsTotal){
      $('#tableInfo').hide();
   
  }else
  $('#tableInfo').show();
    
  });
  

  Colin
• atataylor Posts: 35Questions: 7Answers: 0

  July 2021

  Hi Colin Thanks, you are right I did miss the point of your message thanks for persevering with me.
  I eventually came up with this:

  $("input").keyup(function() {
      if (this.value == '') {
          $("#tableInfo").hide();
      } else {
          $("#tableInfo").show();
      }
  });
  
  

  But it feels a bit hackney as it involves splitting the words from the numbers in html and putting them in separate h tags. Then aligning them in a div with css.
  So, your solution is much more elegant and works great so I will use your code. Thanks for your help and advice.