Apply style to DataGrid Using  DataGrid.Resources interface.  Apply
style to widget using dataGridStyle() method.   Pass the style object
to DataGrid constructor.  Change the  property  in  DataGridCss file
as your wish.  Place your css file in your same directory of java
file.

S. Abraham
www.DataStoreGwt.com
Persist objects directly in Google App Engine

// java code

 interface DataGridResources extends DataGrid.Resources
  {
    @Source(value = { DataGrid.Style.DEFAULT_CSS,
"DataGridStyle.css" })
     DataGrid.Style dataGridStyle();
  }

//pass the DataGridResources

 DataGrid<your_Domain_Class> dataGrid  = new
DataGrid<your_Domain_Class>(15, GWT.<DataGridResources >
create(DataGridResources .class));

// DataGridCss .css

.dataGridWidget
{
border: solid 1px red;    //   Applied to the table
}

.dataGridFooter {
  border-top: 2px solid #6f7277;
  padding: 3px 15px;
  text-align: left;
  color: #4b4a4a;
  text-shadow: #ddf 1px 1px 0;
  overflow: hidden;
  white-space: nowrap;
}

.dataGridHeader {
  border-bottom: 2px solid #6f7277;
  padding: 3px 15px;
  text-align: left;
  color: #4b4a4a;
  text-shadow: #ddf 1px 1px 0;
  overflow: hidden;
  white-space: nowrap;
}

.dataGridEvenRow {
  background: #ffffff;
}

.dataGridOddRow {
  background: #f3f7fb;
}


-- 
You received this message because you are subscribed to the Google Groups 
"Google Web Toolkit" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to 
[email protected].
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.

Reply via email to