table column text is greater than column width?

Question

I have some text in table column which is greater than the column width I want. So text is overflowing from it. So I apply overflow:auto but in this case it is showing scroll on every page where data is less than the width of the column.

I don't want to show the scroll on that page where data is less than the width of column just want to show only where data is greater than its length.

Does any one have some suggestions?

<td  style=" width:50%;overflow:auto;>

Try to wrap td content in div with fixed width and overflow: auto. — rogal111, Nov 24 '11 at 10:32
hey firefox is not implementing word-wrap how to deal with it??? — BASEER HAIDER JAFRI, Nov 25 '11 at 06:43
word-wrap should work in firefox, if you have very long words without spaces you can use `text-overflow: ellipsis` ([link](http://www.quirksmode.org/css/textoverflow.html), [link2](http://stackoverflow.com/questions/1820384/how-can-i-mimic-text-overflow-ellipsis-in-firefox) - for previous versions of firefox) — rogal111, Nov 25 '11 at 09:09

score 2 · Accepted Answer · answered Nov 24 '11 at 11:09

Try to wrap td content in div with fixed width and overflow: auto

For example:

<table>
  <tr>
    <td>some content</td>
    <td>  <!-- your fixed width column -->
       <div style="width: 100px; overflow: scroll;">
          Loremipsumdolorsitametconsectetuadipisicingelit
       </div>
    </td>
  </tr>
</table>

score 1 · Answer 2 · answered Nov 24 '11 at 10:36

1

use this <td  style=" width:50%;overflow:scroll;"> 
This will insert horizontal and vertical scrollbars.
They will become active only if the content requires it.

answered Nov 24 '11 at 10:36

dku.rajkumar

18,048
7
40
58

table column text is greater than column width?

2 Answers2