Как создать свиток между двумя ТД таблицы

Question

Как создать свиток между двумя ТД таблицы

0

Я хочу создать таблицу с числом столбцов в таблице. Поскольку есть много колонок одинакового характера, просят прокручивать их. Под рисунком очистится.

Здесь Модели Требуется полоса прокрутки, которая будет прокручивать только модель в таблице. Как я могу достичь такого результата с помощью таблиц HTML.

Kumar Pallav 04 март 2014, в 08:33

Источник

1

попробуйте эту скрипку: jsfiddle.net/DJqPf/7
Anand Jaju 04 март 2014, в 07:02
0

Да, Ананад, верно. Только я хочу знать, могу ли я сделать еще один столбец справа, который нельзя прокручивать, например, в JSfiddle. Могу ли я добавить элемент 5, который является статическим как месяцы
Kumar Pallav 04 март 2014, в 07:10
1

попробуйте это: jsfiddle.net/9Yp8g/5
Anand Jaju 04 март 2014, в 07:40
0

Здорово . Здорово видеть твои навыки, брат. Просто хотел проверить, будет ли легко, если мы создадим такой макет без таблицы, я имею в виду div, span, li и т. Д. Можем ли мы сделать такой макет. Если вы руководство, я постараюсь.
Kumar Pallav 04 март 2014, в 07:58
0

Эй, Кумар Паллав, ответ работал на вас?
Anand Jaju 06 март 2014, в 08:51
0

Ура ответ помог брату. но в конце мне пришлось начать использовать плагин dataTable из JQuery
Kumar Pallav 07 март 2014, в 12:40

Показать ещё 4 комментария

Теги:

jquery

html

css

1 ответ

Ещё вопросы

попробуйте эту скрипку: jsfiddle.net/DJqPf/7
Да, Ананад, верно. Только я хочу знать, могу ли я сделать еще один столбец справа, который нельзя прокручивать, например, в JSfiddle. Могу ли я добавить элемент 5, который является статическим как месяцы
Здорово . Здорово видеть твои навыки, брат. Просто хотел проверить, будет ли легко, если мы создадим такой макет без таблицы, я имею в виду div, span, li и т. Д. Можем ли мы сделать такой макет. Если вы руководство, я постараюсь.
Эй, Кумар Паллав, ответ работал на вас?
Ура ответ помог брату. но в конце мне пришлось начать использовать плагин dataTable из JQuery

Anand Jaju · Answer 1 · 2014-03-04T05-53-00.000Z

Я пробовал это, пожалуйста, проверьте эту скрипку:

jsFiddle

HTML:

<div class="tbl">
            <div class="row">
                <div class="cell">
                    <div class="col col1">
                        <ul>
                            <li>One</li><li>Two</li><li>Three</li><li>Four</li><li>Five</li>

                        </ul>
                        <ul>
                            <li>One</li><li>Two</li><li>Three</li><li>Four</li><li>Five</li>

                        </ul>                   
                    </div>
                    <div class="col col2">
                        <div class="innerdiv">
                        <ul>
                            <li>One</li><li>Two</li><li>Three</li><li>Four</li><li>Five</li><li>Six</li><li>Seven</li>
                            <li>Eight</li><li>Nine</li><li>Ten</li>
                        </ul>
                        <ul>
                            <li>One</li><li>Two</li><li>Three</li><li>Four</li><li>Five</li><li>Six</li><li>Seven</li>
                            <li>Eight</li><li>Nine</li><li>Ten</li>
                        </ul>
                        </div>
                    </div>
                    <div class="col3">
                        <ul>
                        <li>one</li>
                        </ul>
                        <ul>
                            <li>one</li>
                        </ul>
                    </div>
                    <div style="clear:both;">
                    </div>
                </div>

            </div>
        </div>

CSS:

li{display:inline;margin-right:10px;}
        .tbl{display:table;width:20%;}
        .row{display:table-row;}
        .cell{display:table-cell;width:100%;}
        .w{width:20%;}
        .col {display:table-cell;}
        .col1{width:50%;float:left;}
        .col2{width:20%;float:left;overflow-x:scroll;}
        .col3{width:30%;float:right;}
        .innerdiv{width:500px;}