我有一个很大的DataGrid
(70列,500行)。我遇到的问题是,当我应用某些css以特定方式呈现网格的单元格时,滚动的性能会受到影响。我覆盖DataGrid
的默认css
并添加了导致问题的以下css规则
.dataGridHeader, .dataGridHeader div, .dataGridHeader div, .dataGridCell div {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
}
我想用上述内容做的很清楚。我只是希望单元格保持不变,即使文本较大,只显示...
的文本不可见。
使用Chrome时滚动时问题严重延迟。我也尝试过IE和Firefox,结果很好。没有延迟。 我可以做些什么来提升Chrome的性能吗?
我的问题是关于CSS。我知道网格很大,可以使用分页来减少一些负载。这是一个测试用例,我只需要与css有关的答案。
我使用GWT 2.5.1和Chrome 43.0.2357.81
如果有人想要重现,只需下载示例official site 并添加足够的列和行来强调它一点点。覆盖默认的css并添加上面的内容。