Вложенные (перекрывающиеся) DIV с прокручиваемыми частями - PullRequest
Новая
       7

Вложенные (перекрывающиеся) DIV с прокручиваемыми частями

0 голосов
/ 27 февраля 2020

Я пытаюсь создать веб-приложение для диаграммы проекта Ганта. Моя идея состоит в том, чтобы организовать набор из 4 делителей, чтобы создать иллюзию одного графика с прокручиваемыми частями.

enter image description here

Div 11 содержит заголовок столбца column1

Div 12 содержит только заголовки основного содержимого (Div 22). Будучи диаграммой Ганта, в нем будет множество столбцов, поэтому его необходимо прокручивать.

Div 21 содержит содержимое column1; из нескольких строк он должен быть прокручиваемым.

Div 22 содержит основные данные

Моя идея состоит в том, чтобы вкладывать и перекрывать элементы Div следующим образом: 

<div id="11" style="width:200px;float:left;">
    <asp:GridView id="Grid_11">
</div>
<div id="Columns" style="height:500px;overflow-x:visible;overflow-y:scroll;">
    <div id="12 style="width:400px;overflow-x:scroll;">
        <asp:GridView id="Grid_12">
    </div>
    <div id="Rows" style="width:700px;overflow-x:scroll;">
        <div id="22"style="width:400px;overflow-y:scroll;">                    
            <asp:GridView id="Grid_22">
        </div>
</div>
        <div id="21" style="width:200px;float:left;"><asp:GridView id="Grid_21">
        </div>
    </div>

К сожалению, есть пара вещей, которые не работают: 1. Div 21 заканчивается ниже Div 22, а не ниже Div 11 2. Горизонтальная полоса прокрутки видна только, если она уже прокручена вертикально вниз

можно делать то, что я пытаюсь? Вложенные перекрывающиеся Div? Любая помощь или предложение высоко ценится.

Мартин

Я наконец нашел совершенно другой подход. Не нужно создавать новую сетку из 4 разных разделов, как я пытался. Перекрывающиеся DIV не могут работать таким образом. Дэвид Р Льюис предоставил решение для прокручиваемой DataGrid со заблокированными заголовками, если вы прокручиваете вертикально, и остановил 1-й столбец, если вы прокручиваете по горизонтали назад в 2004 году.

...