title: Hover over cell in table to display entire String in one line, centered
body: <p>I have a table with cells that display a lot of data of varying lengths, some of which get cut off because the string is too long to fit into the column (this is fine).  I would like to add the functionality to center and display the entire String in one line when hovering over a particular cell, covering columns to the right/left if necessary.</p>
  
  <p>Using white-space:nowrap keeps the text in one line, but causes the hovered text to run into/behind the cell to the right, resulting in a jumbled mess of two strings.  Also, the hover background color only goes as far as the original cell width.  (I have tried setting the width to something larger, and it doesn't change anything.)</p>
  
  <p>Using white-space:normal allows me to view the whole String (as it wraps the text), and the hover background color dynamically expands to cover the entire expanded cell, but I do not want the cell to expand in height and push rows below it down.</p>
  
  <p>Does anyone have any suggestions?</p>