Change the default celltable properties ".cellTableEvenRow
",".cellTableOddRow" of cellTableStyle.css file. Copy and paste
CellTableStyle.css file in your project directory. Use the
CellTable.Resources interface and specify the @source of celltable in
your celltable class.
S. Abraham
www.DataStoreGwt.com
interface TableResources extends CellTable.Resources
{
@Source(value = { CellTable.Style.DEFAULT_CSS,
"CellTableStyle.css" })
CellTable.Style cellTableStyle();
}
CellTable studentTable = new CellTable<Student>(15,
GWT.<TableResources> create(TableResources.class));
CellTableStyle.css file.
.cellTableCell {
height: 25px;
padding: 2px 25px;
}
.cellTableHeader {
height: 25px;
border-bottom: 2px solid #60a6bf;
padding: 3px 25px;
text-align: left;
color: blue;
text-shadow: #ddf 1px 1px 0;
overflow: hidden;
cursor:pointer;
background-image: url(bollon.gif);
background-repeat:no-repeat;
background-position:80% 50%;
}
.cellTableEvenRow {
background: #fffaf0;
border:solid 1px red;
}
.cellTableEvenRowCell {
border:solid 1px green;
}
.cellTableOddRow {
background: #fff8e8;
}
.cellTableOddRowCell {
border:solid 1px red;