Я возился с asp.net mvc 3 с новым механизмом просмотра бритвы.
Моя цель состоит в том, чтобы иметь 2 колонки с фиксированной текучей средой и jqGrid в каждой колонке. Мне не повезло, хотя! Как только я добавляю сетку к правому столбцу, его заголовок становится огромным. Я не думаю, что это ошибка jqGrids, потому что, если я удаляю стили, обе сетки отображаются, как и ожидалось.
Я вижу, что css для jqGrid применяет display: block к заголовку как часть класса ui-helper-clearfix.
У кого-нибудь есть какие-либо предложения, чтобы заставить это работать или другие фиксированные флюиды, с которыми я мог поэкспериментировать (я попробовал кучу шаблонов из онлайн без удачи)?
Код из файла шаблона:
... <style type="text/css">
#left { float: left; width: 400px;}
#content { margin-left: 400px;}
</style>
</head>
<body>
<div>
<div id="left">
@RenderSection("SPTreeGrid")
</div>
<div id="content">
@RenderSection("ClientPickerGrid")
</div>
</div>
</body>
Обновление:
Моя страница фактически должна была отображать 2 сетки фиксированной ширины слева и плавную справа.
Это была проблема с моим css (я до сих пор не знаю, почему), но в итоге я использовал следующую схему, которая работает (рельс - левый столбец):
#container{
overflow:hidden;
padding-left:400px; /* The width of the rail */
}
* html #container{
height:1%; /* So IE plays nice */
}
#content
{
width:100%;
border-left:400px; /* The width and color of the rail */
margin-left:-400px;
float:right;
}
#rail{
width:400px;
float:left;
margin-left:-400px;
display:inline; /* So IE plays nice */
}
cshtml:
<div id="container">
<div id="content">
@RenderSection("ReportGrid")
</div>
<div id="rail">
@RenderSection("SPTreeGrid")
@RenderSection("ClientPickerGrid")
</div>
</div>