title: How to show less text on a table using datatables?
body: <p>I'm using datatables jquery library to show some results from a Database.</p>
  
  <pre><code>var table =  jQuery('#table').DataTable({
      language: {
          searchPlaceholder: "Search Results",
      } ,
      "lengthMenu": [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, "All"]] ,
      "autoWidth": true,
      "responsive": true,
      "lengthChange": true,
      "ordering": true ,
  });
  </code></pre>
  
  <p>But some data has long text, So the table exceeds the browser width.</p>
  
  <p>I tried the following CSS:</p>
  
  <pre><code>#table td{
      word-break: break-all
  }
  </code></pre>
  
  <p>But the length of the text increased and the height of the table too, Also one of the columns contain a URL which that property not working with.</p>
  
  <p>So I need to use something like a readmore button.</p>
  
  <p>Does datatables has that option? Or I should create that?</p>