Display complete cell contents on hover
Doing this old school way with title & alt attributespull/10616/head
parent
1da2fae1db
commit
582ec608e4
|
@ -148,16 +148,20 @@ class TableGraph extends Component {
|
|||
const columnName =
|
||||
foundColumn && (foundColumn.displayName || foundColumn.internalName)
|
||||
|
||||
const cellContents = isTimeData
|
||||
? `${moment(cellData).format(timeFormat)}`
|
||||
: columnName || `${cellData}`
|
||||
|
||||
return (
|
||||
<div
|
||||
key={key}
|
||||
style={cellStyle}
|
||||
className={cellClass}
|
||||
onMouseOver={this.handleHover(columnIndex, rowIndex)}
|
||||
title={cellContents}
|
||||
alt={cellContents}
|
||||
>
|
||||
{isTimeData
|
||||
? `${moment(cellData).format(timeFormat)}`
|
||||
: columnName || `${cellData}`}
|
||||
{cellContents}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue