你可以试试这个。
在您的 CSS 文件中:
.myTableStyle td {
background-color: #FFF:
-webkit-transition: background-color 5s; /* Chrome, Safari, Opera */
transition: background-color 5s;
}
.highlighted {
background-color: #F00;
}
在 GWT 中:
table.addStyleName("myTableStyle");
table.getFlexCellFormatter().setStyleName(row, column, "highlighted");
更新:
以相反的顺序执行此操作要复杂一些:
.myTableStyle td {
background-color: #FFF:
}
.backgroundEffect {
-webkit-transition: background-color 5s; /* Chrome, Safari, Opera */
transition: background-color 5s;
}
.highlighted {
background-color: #F00;
}
在 GWT 中:
table.getFlexCellFormatter().setStyleName(row, column, "highlighted");
table.getFlexCellFormatter().addStyleName(row, column, "backgroundEffect");
table.getFlexCellFormatter().removeStyleName(row, column, "highlighted");