Таблица и скролл группы td?

131932a9bf754660a3bd746441f71d11.jpg
Как сделать так чтобы часть страницы скроллилось? В интернете нашла только ответы на то как чтобы tbody скроллилось, но это и ежу понятно, а тут выходит что td с определенной группой скроллятся. И так такое валидно сделать не знаю. Вариант а iframe отпадает сразу
  • Вопрос задан
  • 4762 просмотра
Решения вопроса 1
Vakiliy
@Vakiliy
На счет кросса не уверен, последние FF, Chrome и IE8+ работают
.wrap{
        position: relative;
    }
    .wrap-scroll{
        margin-left: 100px;
        width: 300px;
        overflow: auto;
    }
    table{
        width: 500px;
    }
    table td{
        width: 100px;
        border: 1px solid #ccc;
    }
    table tr td:first-child{
        width: 100px;
        position: absolute;
        left: 0px;
        z-index: 100;
    }


<div class="wrap">
    <div class="wrap-scroll">
        <table>
            <tbody>
                <tr>
                    <td>Col-1</td>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                    <td>4</td>
                    <td>5</td>
                </tr>
                <tr>
                    <td>Col-2</td>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                    <td>4</td>
                    <td>5</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы