Hi,

I have problem with my styles in a celltable I have the following bits
of code

interface TableResources extends CellTable.Resources {
        @Source({CellTable.Style.DEFAULT_CSS, "tablestyles.css"})
        CellTable.Style cellTableStyle();
}


public void createTable() {
        CellTable.Resources resources =
GWT.create(TableResources.class);
        table = new CustomCellTable<TableData>(0, resources);
....

}

this is my css

@def selectionBorderWidth 1px;
.cellTableWidget {
}

.cellTableFirstColumn {
}

.cellTableLastColumn {

}

.cellTableFooter {
}

.cellTableHeader {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    padding: 0;
    text-align: center;
    background: #f0f0f0; /* legend headings */
    border-left: 1px solid #aaa;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    white-space: normal;
    vertical-align:bottom;
}

.cellTableCell {
    font-size : 10px;
    text-align: left;
    padding: 1px 1px;
    cursor: pointer;
    cursor: hand;
    /*border: 2px solid #000000;*/
}

.cellTableFirstColumnFooter {

}

.cellTableFirstColumnHeader {

}

.cellTableLastColumnFooter {

}

.cellTableLastColumnHeader {

}

.cellTableSortableHeader {
    cursor: pointer;
    cursor: hand;
}

.cellTableSortableHeader:hover {
    /*color: #6c6b6b;*/
}

.cellTableSortedHeaderAscending {

}

.cellTableSortedHeaderDescending {

}

.cellTableEvenRow {
    background: #ffffff;
}

.cellTableEvenRowCell {
    border: selectionBorderWidth solid #cccccc;
}

.cellTableOddRow {
    /*background: #f3f7fb;*/
    background: #f0f0f0;
}

.cellTableOddRowCell {
    /*border: selectionBorderWidth solid #f3f7fb;*/
    border: selectionBorderWidth solid #cccccc;
}

.cellTableHoveredRow {
    background: #ffffaa;
}

.cellTableHoveredRowCell {
    border: selectionBorderWidth solid #cccccc;
}

.cellTableKeyboardSelectedRow {
    background: #ffffaa;
}

.cellTableKeyboardSelectedRowCell {
    border: selectionBorderWidth solid #cccccc;
}

.cellTableSelectedRow {
    background: #ffffaa;
    color: #000000;
    height: auto;
    overflow: auto;
}

.cellTableSelectedRowCell {
    border: selectionBorderWidth solid #cccccc;
}

/**
 * The keyboard selected cell is visible over selection.
 */
.cellTableKeyboardSelectedCell {
    border: selectionBorderWidth solid #cccccc;
}

.cellTableLoading {
    margin: 30px;
}



I'm trying to override the odd/even row and selection styles on the
table.  The styles appear perfectly in Firefox and Chrome but do not
display inside IE.  Really need some help..

-- 
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