IE9 以MVC顯示HTML TABLE時,TABLE會移位一格

  • 503
  • 0

IE9 HTML TD移位

在案子裡要畫大型的TABLE,後來突然發現TABLE的TD位移了,修了好久,也把HTML HELPER之類的FUNCTION都拿掉,連基本的TH TD間不塞資料也試了。

發生table 的td移位的狀況如下:

後來發現IE9才有發生此狀況,而且是HTML Table夠大才會發生。上網google一下發現需要用JQuery移除不需要的字元,就會正常,使用的JQuery如下

假設table的id為 querytable

var data =  $('#querytable').prop('outerHTML');
var expr = new RegExp('>[ \t\r\n\v\f]*<', 'g');
var response_html_fixed = data.replace(expr, '><'); 
$('#querytable').replaceWith(response_html_fixed);

加完JQuery後再執行一次就恢復正常了!!!  瀏覽器版本還真是難搞~!!