如何增加GWT细胞表的细胞高度?
在mozilla firefox单元格高度适当的情况下(根据内容),但是在Internet Explorer的情况下,部分内容无法正确显示
看图片
我的Celltable.css如下:
@def selectionBorderWidth 0px;
.cellTableWidget {
border: 1px solid red;
}
.cellTableFirstColumn {
}
.cellTableLastColumn {
}
.cellTableFooter {
text-align: left;
color: #4b4a4a;
overflow: hidden;
}
.cellTableHeader { /** COLUMN HEADR TEXT */
text-align: left;
color: #4b4a4a;
overflow: hidden;
background-color: #E1E1E1;
font-family: arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
padding-left: 10px;
height: 20px;
border-bottom: #e6e6e6 1px solid;
border-left: #a6a6af 0.5px solid;
border-right: #e6e6e6 1px solid;
border-top: #a6a6af 0.5px solid;
}
.cellTableCell {
overflow: hidden;
padding-left: 10px;
height: 20px;
font-family: Arial;
font-size: 11px;
font-weight: normal;
border-bottom: #e6e6e6 1px solid;
border-left: #a6a6af 0.5px solid;
border-right: #e6e6e6 1px solid;
border-top: #a6a6af 0.5px solid;
}
.cellTableFirstColumnFooter {
}
.cellTableFirstColumnHeader {
}
.cellTableLastColumnFooter {
}
.cellTableLastColumnHeader {
}
.cellTableSortableHeader {
cursor: pointer;
cursor: hand;
}
.cellTableSortableHeader:hover {
color: #6c6b6b;
}
.cellTableSortedHeaderAscending {
}
.cellTableSortedHeaderDescending {
}
.cellTableEvenRow {
background: #ffffff;
}
.cellTableEvenRowCell {
}
.cellTableOddRow {
background: #f8f8f8;
}
.cellTableOddRowCell {
}
.cellTableHoveredRow { /** background: #eee;*/
}
.cellTableHoveredRowCell {
/** border: selectionBorderWidth solid #eee; */
}
.cellTableKeyboardSelectedRow {
background: #ffc;
}
.cellTableKeyboardSelectedRowCell {
}
.cellTableSelectedRow {
background-image: url("images/row_Highlight.jpg");
color : black;
height: auto;
overflow: auto;
}
.cellTableSelectedRowCell {
}
/**
* The keyboard selected cell is visible over selection.
*/
.cellTableKeyboardSelectedCell {
}
@sprite .cellTableLoading {
gwt-image: 'cellTableLoading';
/*margin: 20px;
*/}
为了在所有浏览器中保持一致性(单元格高度),我需要在CSS中进行哪些更改?
最佳答案
我认为问题可能是您单元格的CSS样式具有“溢出:隐藏;”。
.cellTableCell {
overflow: hidden;
...
}
把它拿走,看看会发生什么。我认为单元格和行将扩展以适合内容。
cellTableRow的CSS还有另一种可能的更正。行样式应该由单元样式覆盖,但是GWT可能在幕后做一些事情来补偿IE中的浏览器差异。为确保始终将应用于TR中包含的TD,请这样编写:
.cellTableRow,
.cellTableRow td {
overflow: auto;
...
}
关于css - 如何增加GWT细胞表: Issue with IE?的细胞高度,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/14874941/