css - GWT DataGrid -- CSS Border Won't Take Effect

Question

I'm trying to add a border around my DataGrid GWT element. I've had limited success overriding the default CSS classes defined in the official GWT DataGrid CSS file. I can successfully override the ".dataGridEvenRow" and ".dataGridOddRow" with border-style and border-top attributes and the border becomes visible around those rows, but when I try overriding the ".dataGridWidget" and add border CSS attributes as displayed in the code below no border appears.

.dataGridWidget
{
   border-style:ridge;
   border-width:5px;
   border-color: blue;
}

What can one do to get a blue border around appearing around a DataGrid?

Answer 1

在尝试让样式直接在 DataGrid 上工作几个小时后，我决定只使用 SimplePanel 包装 DataGrid 并将我的边框直接添加到其中。它看起来与 DataGrid 本身的边框完全一样，并且由于其他 DataGrid 类似乎在没有任何问题的情况下被覆盖（如 dataGridEvenRow 和 dataGridOddRow），因此它是解决问题的无缝创可贴。