gwt 2.4数据网格-自动设置列宽?
我对GWT2.4中的DataGrid有一个问题。我用CellTable做了一张桌子,一切都很好。但我需要固定的标题,然后用DataGrid替换CellTable。我对.css文件有问题,但问题已经解决 现在的问题是,每一列都有固定的宽度,表将每一行都放在屏幕的可见部分 这是新的和旧的屏幕截图,让事情更清楚:)gwt 2.4数据网格-自动设置列宽?,gwt,datagrid,width,Gwt,Datagrid,Width,我对GWT2.4中的DataGrid有一个问题。我用CellTable做了一张桌子,一切都很好。但我需要固定的标题,然后用DataGrid替换CellTable。我对.css文件有问题,但问题已经解决 现在的问题是,每一列都有固定的宽度,表将每一行都放在屏幕的可见部分 这是新的和旧的屏幕截图,让事情更清楚:) 是否有人可以帮助使其看起来更旧,但标题是固定的。您可以为数据网格的每列设置固定宽度: dataGrid.setColumnWidth(sampleColumn, 40, Unit.PX
是否有人可以帮助使其看起来更旧,但标题是固定的。您可以为数据网格的每列设置固定宽度:
dataGrid.setColumnWidth(sampleColumn, 40, Unit.PX);
并扩展总数据网格宽度:
dataGrid.setWidth("100%"); // choose the most useful in your app
dataGrid.setWidth("1400px");
可以为数据网格的每列设置固定宽度:
dataGrid.setColumnWidth(sampleColumn, 40, Unit.PX);
并扩展总数据网格宽度:
dataGrid.setWidth("100%"); // choose the most useful in your app
dataGrid.setWidth("1400px");
需要在td中使用内部div包装您的内容,并确保overflow-x设置为hidden
table {
overflow: hidden;
white-space: nowrap;
table-layout: fixed;
}
td div{
overflow-x:hidden;
}
需要在td中使用内部div包装您的内容,并确保overflow-x设置为hidden
table {
overflow: hidden;
white-space: nowrap;
table-layout: fixed;
}
td div{
overflow-x:hidden;
}
我不确定正确的答案是什么,但我认为之前的回答者不理解这个问题。 基本上,您希望dataGrid使用“表布局:自动”而不是“固定”。这就是cellTable所做的。表列根据内容自动调整大小。
这对于内容表来说很容易,但是为了冻结标题,dataGrid为标题使用了一个单独的div/表。因此,头表的列需要根据数据表显式调整大小。在表格更改时(浏览器调整大小等),也需要调整它们的大小。我计划在dataGrid上添加可调整大小的COL,所以我很快就会遇到同样的挑战,如果有人仍在跟踪此线程,我会在有更明确的内容时更新…我不确定正确答案是什么,但我认为之前的响应者不理解这个问题。 基本上,您希望dataGrid使用“表布局:自动”而不是“固定”。这就是cellTable所做的。表列根据内容自动调整大小。 这对于内容表来说很容易,但是为了冻结标题,dataGrid为标题使用了一个单独的div/表。因此,头表的列需要根据数据表显式调整大小。在表格更改时(浏览器调整大小等),也需要调整它们的大小。我计划在dataGrid上添加可调整大小的COL,所以我很快就会遇到同样的挑战,如果有人仍在跟踪此线程,我会在有更明确的内容时进行更新