<p>I am trying to manage the overall look of a report using textual data, in a way that a single line row-by-row exists onLoad. However, I would like to know when a text segment has been truncated by showing a "more..." or "read more..." is shown at the end of the cell where the text has been truncated in order to maintain a single line / row-by-row table. </p>
<p> </p>
<p>When a user hovers over the cell containing the truncated text, with the "more..." or "read more..." the full text will be presented in multiple lines as needed within the cell. In other words, the row / cell height increases to accommodate the entire text paragraph. </p>
<p> </p>
<p>The effect can either be on mouseOver / mouseOut or by mouseClick toggle. In either case, the report should go back to a single line, row-by-row. </p>
<p> </p>
<p>You can see my expected interaction chain of events in the attached png "mock-up" files.</p>
<p> </p>
<p>First the report is executed (png #1), then the user clicks on a cell for more detail (png #2), then the user clicks a different cell (png #3), and finally clicking the expanded cell, the report returns to it's original state (png #4).</p>
<p> </p>
<p>Any ideas? </p>
