Прокрутка в ячейке таблицы неизвестной высоты

GrEb · June 27, 2016

Всем привет,
табличная верстка,
в нижнюю строку таблицы добавляются данные, необходимо, что бы при достижении высоты окна содержимое нижней строки прокручивалось (а в дальнейшем и перематывалось на конец, но пока и прокрутка не работает). Достаточно, что бы работало в Интернет-Эксплорерах (это интерфейс для Windows-скрипта, поэтому указывать DOCTYPE нет смысла). Спасибо!

<head>
  <title>Untitled</title>
<style type="text/css">
html, body
    {
          height:100%;
          margin:0px;
          padding:0px;
          overflow: hidden;
    }
</style>
</head>

<body>
<table border="2" style="width:100%; height:100%; border:2px red dashed;">
    <tr>
        <td>asas</td>
    </tr>
    <tr>
        <td>
            <div  style="overflow-y:scroll; height:100%; border:2px blue dotted; width:100%;">
                asas<br />
                asas<br />
                asas<br />
                asas<br />
                asas<br />
                asas<br />
                asas<br />
                asas<br />
                asas<br />
                asas<br />
                asas<br />
                asas<br />
                asas<br />
                asas<br />
                asas<br />
                asas<br />
                asas<br />
                asas<br />
                asas<br />
                asas<br />
            </div>
        </td>
    </tr>
</table>
</body>
</html>

Igor Schnaider · June 27, 2016

http://codepen.io/anon/pen/vKxEoP

если я правильно вопрос понял

GrEb · June 28, 2016

Игорь, спасибо, то что надо, но не дореализовано - при изменении размера окна все сбивается в примере, но идея ясна. А мне ночью в мозг пришло textarea вставить.
textarea c readonly (или disable - если надо убрать текстовый курсор) работает четенько и автоматом, но тут другое автоматом не работает - табличная верстка была задумана что бы верх таблицы максимально поджимался, оставляя максимум места для низа, куда выводятся строки данных, а textarea при изменении размера окна меняется в последнюю очередь - сперва растягивается верх таблицы, создавая уродские зазоры... Сделал пока указав в стиле верхних строк таблицы заведомо маленькую высоту height, тогда они занимают минимум места, отдавая все оставшееся место под нужный мне низ таблицы с textarea, который автоматически изменяет высоту вслед за изменением высоты окна

Edited June 28, 2016 by GrEb

Igor Schnaider · June 28, 2016

Попробуйте на flex сделать. Что-то типа такого.

Sign In

Прокрутка в ячейке таблицы неизвестной высоты

Question

GrEb

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Igor Schnaider

Link to comment

Share on other sites

GrEb

Link to comment

Share on other sites

Igor Schnaider

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information