Question

我使用这个解决方案 How to override GWT obfuscated style for DataGrid header 覆盖gwt数据网格小部件的样式，它工作正常，太棒了！

但是现在，我需要在2个不同的css样式的同一页面中设置2个datagrid样式。

我该怎么做？

Answer 1

如果使用外部CSS而不是CellTableResources，这很容易。然后，您只需为每个表分配一个类，并在CSS文件中定义规则：

.table1 th {
  font-weight:400;
}
.table2 th {
  font-weight:700;
}

如果您使用自定义资源，仍然可以执行此操作，但您需要将!important添加到CSS规则中。

.table1 th {
  font-weight:400 !important;
}

Answer 2

从您链接到的Q / A：

如果您想根据具体情况更改样式，那么另外，声明一个扩展DataGrid.Style的接口，并将其用作dataGridStyle覆盖的返回类型：因为模糊的类名基于接口完全限定名称和方法名称，您的DataGrid.Style子接口将生成与原始DataGrid.Style接口不同的模糊类名。

当然，GWT.create()您的DataGrid.Resources子接口，并将其作为参数传递给DataGrid构造函数。

另见https://code.google.com/p/google-web-toolkit/issues/detail?id=6144

如何在同一页面中将不同的CSS样式应用于gwt数据网格小部件？

2 个答案: