JSFiddle - React, Tailwind, and code Playground

by Ohgodwhy

HTML

<table>
    <tr>
        <td> Lorem ipsum dolor sit amet consectetur adipscing etlist. Consectetur adipscing etlistLorem ipsum dolor sit amet.Consectetur adipscing etlistLorem ipsum dolor sit amet.Consectetur adipscing etlistLorem ipsum dolor sit amet.Consectetur adipscing etlistLorem ipsum dolor sit amet.
        </td>
        <td> Consectetur adipscing etlistLorem ipsum dolor sit amet.  Lorem ipsum dolor sit amet consectetur adipscing etlist. Lorem ipsum dolor sit amet consectetur adipscing etlist. Lorem ipsum dolor sit amet consectetur adipscing etlist. Lorem ipsum dolor sit amet consectetur adipscing etlist.
        </td>
        <td> Dolor sit amet consectetur lorem ipsum adipscing etlist.Consectetur adipscing etlistLorem ipsum dolor sit amet. Consectetur adipscing etlistLorem ipsum dolor sit amet. Consectetur adipscing etlistLorem ipsum dolor sit amet. Consectetur adipscing etlistLorem ipsum dolor sit amet. 
        </td>
        <td>Dolor sit amet consectetur lorem ipsum adipscing etlist.Consectetur adipscing etlistLorem ipsum dolor sit amet.</td>
        <td></td>
    </tr>
</table>

CSS

td{
 padding:5px;  
 width:80px;
 border:1px solid red; 
 line-height:75%;    
}

JavaScript

$(function(){
    $.each($('td').not(':empty'), function(i,v){
    var count = parseInt($(this).text().length);
    var maxChars = 210;
    if(count > maxChars){
      var str = $(this).text();
      var trimmed = str.substr(0, maxChars);
      $(v).text(trimmed + '...');          
    }
       
  });
});