title: jquery: is there a way to guess height before rendering?
body: <p>Here's my code:</p>
  
  <ul>
  <li>First I assign some htm code where there's a table in it.</li>
  <li>(the table is not visible)</li>
  <li>then I dump the height: it is 0 for each row.</li>
  <li>then I fadeIn() the table</li>
  <li>then I dump the height: it is 320px for each row.</li>
  </ul>
  
  <p>Have you any idea how I could do to compute height before rendering?</p>
  
  <p>My goal is to "cut" some information in the rows if their height is too big.</p>
  
  <pre><code>  $('#tableau').html(htm);
    $('.tableau tr td').each(function() {
      console.log($(this).height());
    } );
    $('#wait').queue(function() {
      $('#tableau').fadeIn(100).queue(function() {
          $('.tableau tr td').each(function() { console.log($(this).height()); } );
        }   
      );  
    });
  </code></pre>
  
  <p>I know it sounds like <a href="https://stackoverflow.com/questions/2345784/jquery-get-height-of-hidden-element-in-jquery-1-4-2">here</a> but it's not exactly the same problem.</p>
  
  <p>Thank you!</p>