小编csa*_*sab的帖子

我正在使用具有动态内容的可排序表格为公司构建HR模块.完成项目后,客户端要求使表垂直调整大小.我将jQuery UI resizable()应用到主表被包装的div中.它在Safari和Chrome中运行得非常好,但是当在Firefox或IE中调整包装div的大小时,表的高度保持不变,并且不会扩展到div的尺寸.

简化的标记看起来像这样:

<div id="list">
    <div class="table-container">
        <table>
            (blablabla, this is a sortable table with clickable th's and about 10 columns)
        </table>
    </div>
</div>

风格是:

#list {
    width: 1150px;
    height: 180px;
    float: left;
    overflow: hidden;
    border: 1px solid #aeaeae;
}

#list .table-container {
    width: 1145px;
    height: 175px;
}

#list table {
    width: 100%;
    height: 100%;
    float: left;
}

#list table td {
    height: 20px;
    vertical-align: middle;
}

我已经尝试对每个元素使用各种溢出,位置和显示 …