Wrap contents of a table

Question

In the following table how can the text be limited may be to show only 20 characters

  <table><tr><td>yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy</td></tr></table>

Thanks..

Answer 1

That is something that is better done server-side, especially if you want the rest of the line not to be accessible.

Also its not possible to exactly count the numbers of character in CSS. You could use a width set in em which is roughly the with of the letter M:

td {
  width: 20em;
  overflow: hidden;
}

If you can't do it server-side and it must be exactly 20 chars then you'll have to use JavaScript.

Answer 2

You can try limit the width of the column:

td {
    width: 20em;
    overflow: hidden;
}

Answer 3

If you want to limit what is being shown in the cell to 20 characters, you could use some Jquery to set the cell to the substring of the cell.

<table><tr><td id="tableCell">yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy</td></tr></table>

$("#tableCell").text($("#tableCell").text().substring(0,20))

Answer 4

Is there any reason you are using a table over a DIV or UL LI? Also if the content within the table is going to be generated in PHP you can use PHP more easily than javascript to display only 20 characters.

// Limit $summary to how many characters? $limit = 20; $summary = <<< summary Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text summary;

if (strlen($summary) > $limit) $summary = substr($summary, 0, strrpos(substr($summary, 0, $limit), ' ')) . '...'; echo $summary;