Я хотел бы попросить вас узнать ваше мнение и помочь.Отзывчивый стол - ошибка изменения размера jQuery
Для моей маленькой структуры я бы хотел, чтобы на практике применялась отзывчивость на таблицах. Это означает, что нет классов, идентификаторов и т. Д.
Я использую: раньше с атрибутом data для перемещения <thead>
. Проблема здесь в том, когда у меня меньше: до содержимого. Поэтому я сделал jQuery jQuery, чтобы сделать его той же высотой, что и TD.
function WindowResize(returnWidth) {
var Width = 0;
var Height = 0;
// IE Handler
if (!window.innerWidth) {
if (!(document.documentElement.clientWidth == 0)) {
// Strict Mode
w = document.documentElement.clientWidth;
h = document.documentElement.clientHeight;
} else {
// Quirks Mode
w = document.body.clientWidth;
h = document.body.clientHeight;
}
} else {
//w3c
w = window.innerWidth;
h = window.innerHeight;
}
return (returnWidth) ? w : h;
}
function setSameTDHeight(Width) {
Width = parseInt(Width);
//var TDList = document.getElementByTagName('TD');
if (Width < 768) {
$("td").each(
function() {
var TDHeight = $(this).innerHeight();
$(this).before().css({'height': TDHeight});
}
);
}
}
$(window).resize(
function() {
setSameTDHeight(WindowResize(true));
}
);
$(document).ready(
function() {
setSameTDHeight(WindowResize(true));
}
);
Здесь используется jQuery.
А вот решение ошибка утра:
Это на 500px ширины окна. Содержимое предыдущего TD переполняет границу TD. Я использовал атрибут clear, float и т. Д. Ничего не работало для меня.
Вот codepen.io всей ситуации: http://codepen.io/Ernedar/pen/dpYxwg
Может кто-нибудь помочь мне решить это переполнение?
Использование абсолютного положения, классы, идентификаторы не разрешены для использования, так как мне это нужно, чтобы сделать его универсальным.
EDIT: точность изображения из попытался решения от Dekel:
вы фиксированная высоту, так что добавьте ** "переполнение-у: авто;" ** для предотвращения это – Byron
и другая опция - удалить строку ** $ (this) .before(). css ({'height': TDHeight}); ** – Byron
@Ernedar, вы проверили ответ? Было ли это правильно или у вас все еще есть проблемы? – Dekel