Изменяемый размер пользовательского интерфейса jQuery (?) в Firefox и IE - PullRequest
Новая
       20

Изменяемый размер пользовательского интерфейса jQuery (?) в Firefox и IE

5 голосов
/ 26 июля 2011

Я создаю HR-модуль для компании, используя сортируемые таблицы с динамическим контентом. После завершения проекта клиент запросил изменение размеров таблиц по вертикали. Я применил jQuery UI resizable () к div, в который обернута основная таблица. Он отлично работает в Safari и Chrome , но при изменении размера div-оболочки в Firefox или IE высота таблицы остается неизменной и не расширяется до размеров div. 1007 *

Упрощенная разметка выглядит следующим образом: 

<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;
}

Я пытался использовать различные значения overflow , position и для отображения значений для каждого элемента, но результат не улучшился. Часть jQuery: 

$(document).ready(function() {
    $("#list .table-container").resizable({ alsoResize: "#list", handles: "s" });
});

Есть ли такая проблема в Firefox / IE или я что-то не так делаю?

1 Ответ

0 голосов
/ 15 января 2012

Протестировал ваш код в Firefox 9.0.1. Не удалось найти проблему.

Высота таблицы изменилась при изменении размера div.

Я обнаружил, что размер таблицы правильно изменился в Firefox, IE и Chrome.

Не думаю, что с FF или IE что-то не так. Думаю, что-то еще в вашем коде влияет на это.

...