Я пытаюсь переключиться с CellTable на DataGrid. На самом деле изменение было очень простым (API совершенно одинаковые)-но я не могу сделать сетку видимой без явного указания ее ширины и высоты. В CellTable было достаточно установить ширину и высоту на 100% -, и это именно то поведение, которое мне нужно.
На мой взгляд, у меня есть два раздела в HotrizontalPanel:, один показывает несколько вкладок (кнопки), а другой показывает сетку. При каждом нажатии на вкладку область сетки очищается и создается новая сетка.
Представление выглядит следующим образом:
<ui:style>
.expanded {
width: 100%;
height: 100%;
}
.simpleContainer {
border-top: 5px solid #484848;
border-bottom: 5px solid #484848;
}
</ui:style>
<c:SimpleContainer addStyleNames="{style.simpleContainer} SimpleContainer">
<g:HorizontalPanel>
<g:HorizontalPanel ui:field="headersContainer"/>
<g:FlowPanel ui:field="tablePanel" styleName="{style.expanded}"/>
</g:HorizontalPanel>
</c:SimpleContainer>
А это фрагмент HTML из работающего приложения:
<div class="GKQJTVMDCNC-com-mycode-management-client-ui-panels-PropertiesPaneView_PropertiesPaneUiBinderImpl_GenCss_style-simpleContainer SimpleContainer" id="x-widget-21" style="width: 1730px; height: 126px; ">
<table cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td align="left" style="vertical-align: top; ">....</td>
<td align="left" style="vertical-align: top; ">
<div class="GKQJTVMDBNC-com-mycode-management-client-ui-panels-PropertiesPaneView_PropertiesPaneUiBinderImpl_GenCss_style-expanded">
<div style="position: relative; overflow-x: hidden; overflow-y: hidden; " __gwtcellbasedwidgetimpldispatchingfocus="true" __gwtcellbasedwidgetimpldispatchingblur="true">
....
</div>
</div>
</td>
</tr>
</tbody>
</table>
Верхний элемент div имеет правильную ширину и высоту, но каким-то образом элемент DataGrid имеет высоту 1 пиксель и ширину 0 пикселей (список в соответствии с инструментом разработчика Chrome)
<div class="GKQJTVMDBNC-com-mycode-management-client-ui-panels-PropertiesPaneView_PropertiesPaneUiBinderImpl_GenCss_style-expanded">
Есть идеи?