由于css渲染,GWT Datagrid慢速滚动

时间:2015-06-09 19:56:01

标签: css performance css3 gwt scroll

我有一个很大的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并添加上面的内容。

0 个答案:

没有答案