Как сделать две разные таблицы с разным количеством строк одинаковой высоты

Question

Как сделать две разные таблицы с разным количеством строк одинаковой высоты

0

У меня есть две разные таблицы. Обе таблицы различаются по количеству строк. Мне нужно, чтобы обе таблицы отображались одинаковой высоты.

Я хочу, чтобы строки 2-го стола были отрегулированы таким образом, чтобы он также расширялся до той же высоты, что и первая таблица.

user3564495 06 май 2014, в 11:49

Источник

0

Пример, который я пробовал, приведен здесь: jsfiddle.net/WTNeB/277
user3564495 06 май 2014, в 09:30

Теги:

html

css3

3 ответа

0

Прежде всего, вам нужно увидеть, что одна из этих таблиц имеет большую высоту, и после этого вы должны сделать другой такой.

Учитывая, что обе таблицы имеют класс, называемый, например, mytable, сценарий, который необходимо загрузить после того, как документ готов, mytable:

var heights = $(".mytable").map(function() {
    return $(this).height();
}).get(),
maxHeight = Math.max.apply(null, heights);

$(".mytable").height(maxHeight);

paulalexandru 06 май 2014, в 17:32

0

Использовать классы начальной загрузки

row class col class.

Вы можете проверить этот образец

AkshayP 06 май 2014, в 08:14

Ещё вопросы

Пример, который я пробовал, приведен здесь: jsfiddle.net/WTNeB/277

user3401335 · Accepted Answer · 2014-05-06T07-04-00.000Z

использование

$("#div2").height($("#div1").height());

для загрузки правильной высоты на втором div

и на второй таблице добавьте

style="height: 100%"

демонстрация