переливной контейнер с начальной загрузкой 4 - PullRequest
Новая
       14

переливной контейнер с начальной загрузкой 4

0 голосов
/ 18 декабря 2018

Моя цель - создать контейнер с overflow x и overflow y с auto, потому что все, что я буду отображать там (большие таблицы), клиент должен видеть «окно» с прокручиваемым контентом + это будетЗамечательно, если этот контроллер работает с начальной загрузкой 4 col и row.Я не хочу жестко задавать высоту и ширину кода.

Я думал, что код должен работать, но он не 

.overflow-table {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.overflow-table .row {
    display: block;
}

<div class="overflow-table">
    <div id="dvData"></div>
</div>
<!-- to dvData I render at code behind table--> 

<div class="overflow-table">
    <div id="dvData">
         <table class="overflow-table"> <!-- I try too something like this-->
    </div>
</div>

Спасибо !!

решение

1 Ответ

0 голосов
/ 18 декабря 2018

Установите max-width и max-height на div вокруг стола.Используйте vw и vh единицы или проценты, чтобы избежать жесткого кодирования ширины и высоты. 

.window-overflow {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 95vh;
    max-width: 100%;
}

https://codepen.io/nickfindley/pen/QzGWPb

...