Как создать ячейку таблицы, которая прокручивается при переполнении - PullRequest
Новая
       9

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

9 голосов
/ 14 апреля 2011

Я должен создать ячейку таблицы с фиксированной высотой и шириной, но с большим количеством контента; что-то, используя overflow: auto. Проблема в том, что я не могу использовать display: block в ячейке таблицы (это как бы нарушает структуру таблицы), поэтому я попробовал это: 

height: 100px;
overflow: auto;
position: relative;
width: 1280px;

Но это не работает. Вот моя разметка: 

        <tr>
            <td colspan="3" style="width: 1280px; overflow:auto;">
                {assign var="latime" value=$agenda|@count}
                {assign var="latime" value=$latime*150}
                <div style="width: 1280px; position: relative; overflow: auto; ">
                    <div style="width: {$latime}px; height: 100px; position:relative;">
                        {assign var="i" value=0}
                        {foreach from=$agenda item=ag}
                            {assign var="img" value=$agenda[$i][3]}
                                &nbsp; &nbsp;<img src="{$img}" id="imag{$i}" onclick='schimbaslidetoti({$i})' />&nbsp; &nbsp;
                            {assign var="i" value=$i+1}     
                        {/foreach}
                    </div>
                </div>
            </td>
        </tr>

1 Ответ

39 голосов
/ 14 апреля 2011

Вы можете вложить div уровня блока с помощью свойства overflow: scroll, установленного внутри ячейки таблицы. т.е. 

<td><div style="overflow:scroll;">Content</div></td>
...