jquery - 数据表1.10在IE10中扩展到div之外

Question

我正在使用 DataTable 1.10 并同时使用 IE10 和 FF33.1。在 FF 中表显示在 div 中，但在 IE 中不是。

我有带 HTML 标记的最低限度表格。

<table id="memberSearchResultTable" class="display" cellspacing="0">
  ..........
</table>

当在 firebug 中使用 DataTable 呈现此表时，我可以看到以下代码

<div id="memberSearchResultTable_wrapper" class="dataTables_wrapper no-footer">
  ....
  <table class="display dataTable no-footer" id="memberSearchResultTable" 
         role="grid" aria-describedby="memberSearchResultTable_info" 
         style="width: 705px;" cellSpacing="0" jQuery111109173364637806466="256">

    ....
  </table>
  ....
</div>

我尝试按照 here 的建议使用 CSS

#memberSearchResultTable {
  table-layout:fixed;
  width:100%;
  border:1px solid #f00;
  word-wrap:break-word;
}

截图

有没有办法可以将此表格的宽度设置在 div 内？

Answer 1

在这里得到答案 http://datatables.net/forums/discussion/887/table-width

#memberSearchResultTable{
  width: 100% !Important;
}