Replies

• iuliandum Posts: 70Questions: 0Answers: 0

  July 2010

  In Show and hide columns dynamically example, with this initialize code
  [code]
  $('#example').dataTable( {
  "bAutoWidth": false,
  "aoColumns": [
  { "sWidth": "20%"},
  { "sWidth": "25%"},
  { "sWidth": "10%"},
  { "sWidth": "20%"},
  { "sWidth": "15%"}
  ],
  "sScrollY": "200px",
  "bPaginate": true
  } );
  [/code]
  
  when is hide columns is obtained this:
  (only in IE 8.0, not in compatible IE 7.0):
  
  http://i.imgur.com/Dp6mf.jpg
  
  Why is there such large differences between IE6,IE7 and IE8?
• allan Posts: 61,972Questions: 1Answers: 10,160 Site admin

  August 2010

  The difference is in how the rendering engines handle the situation where by you have the columns which add up to a width which is less that 100% (for example, remove the first column, and you've told the columns to take up only 80% of the width available!). IE8 does this - hence why you have the gap. So I'm sorry to say that there isn't much I can do about this in DataTables - it's simply how the IE8 rendering engine deals with this. I doubt that it is correct in this case - but I would imagine it's a grey area... It would be interesting to know what happens with IE9.
  
  The work around for IE8 is simply to have auto width enabled, and DataTables will do the required recalculations for you.
  
  Regards,
  Allan