title: Setting the width and ellipsis to the <td> element of a table
body: <p>I am having table in which text inside the td's are of different length. I want to give fixed width to the td elements and the use <code>text-overflow: ellipsis</code> on the td elements, so that the whole text would not be shown. I have tried different ways but nothing works, please somebody help me with how I can achieve this.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>  &lt;table&gt;
       &lt;tr&gt;
          &lt;th&gt;title&lt;/th&gt;
          &lt;th&gt;link&lt;/th&gt;
          &lt;th&gt;description&lt;/th&gt;
          &lt;th&gt;id&lt;/th&gt;
          &lt;th&gt;condition&lt;/th&gt;
          &lt;th&gt;price&lt;/th&gt;
          &lt;th&gt;availability&lt;/th&gt;
          &lt;th&gt;image_link&lt;/th&gt;
          &lt;th&gt;Shipping&lt;/th&gt;
          &lt;th&gt;"shipping weight"&lt;/th&gt;
          &lt;th&gt;gtin&lt;/th&gt;
          &lt;th&gt;brand&lt;/th&gt;
          &lt;th&gt;mpn&lt;/th&gt;
          &lt;th&gt;google_product_category&lt;/th&gt;
          &lt;th&gt;product_type&lt;/th&gt;
          &lt;th&gt;additional_image_link&lt;/th&gt;
          &lt;th&gt;color&lt;/th&gt;
          &lt;th&gt;size&lt;/th&gt;
          &lt;th&gt;Gender&lt;/th&gt;
          &lt;th&gt;age_group&lt;/th&gt;
          &lt;th&gt;item_group_id&lt;/th&gt;
          &lt;th&gt;sale_price&lt;/th&gt;
          &lt;th&gt;"sale price effective date"&lt;/th&gt;
          &lt;th&gt;size_type&lt;/th&gt;
          &lt;th&gt;size_system&lt;/th&gt;
       &lt;/tr&gt;
       &lt;tr&gt;
          &lt;td&gt;"Metallic turquoise leather envelope clutch"&lt;/td&gt;
          &lt;td style="width: 200px"&gt;https://www.runway2street.com/bags/clutch-bags/metallic-turquoise-leather-envelope-clutch&lt;/td&gt;
          &lt;td&gt;" This elegant jeweltoned metallic leather envelope clutch with wrist strap is perfect for a fancy night out! It has a natural cork trim, magnetic closure and a zipper pocket on the inside to fit a cell phone. All accessories and hardware on the bag are gold plated.  Material: 100 leather, goldplated hardwareCountry of manufacture: Lebanon  "&lt;/td&gt;
          &lt;td&gt;4&lt;/td&gt;
          &lt;td&gt;new&lt;/td&gt;
          &lt;td&gt;"370 USD"&lt;/td&gt;
          &lt;td&gt;"in stock"&lt;/td&gt;
          &lt;td&gt;http://az697095.vo.msecnd.net/vnext/products/3/12/Anja_Not-for-the-shy_accessories_bags_clutches_Turquoise-Cork_Metallic-turquoise-leather-envelope-clutch_38_320x480_v3.jpg&lt;/td&gt;
          &lt;td&gt;"US::Standard Free Shipping: 47 USD"&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;Anja&lt;/td&gt;
          &lt;td&gt;FALSE&lt;/td&gt;
          &lt;td&gt;"Apparel &amp;amp; Accessories &amp;gt; Handbags, Wallets &amp;amp; Cases &amp;gt; Handbags &amp;gt; Clutches &amp;amp; Special Occasion Bags"&lt;/td&gt;
          &lt;td&gt;"Clutch Bags"&lt;/td&gt;
          &lt;td&gt;http://az697095.vo.msecnd.net/vnext/products/3/12/Anja_Not-for-the-shy_accessories_bags_clutches_Turquoise-Cork_Metallic-turquoise-leather-envelope-clutch_35_320x480_v3.jpg&lt;/td&gt;
          &lt;td&gt;Turquoise/Cork&lt;/td&gt;
          &lt;td&gt;"One size"&lt;/td&gt;
          &lt;td&gt;Female&lt;/td&gt;
          &lt;td&gt;Adult&lt;/td&gt;
          &lt;td&gt;ANJAFW12mec.ct&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;Regular&lt;/td&gt;
          &lt;td&gt;US&lt;/td&gt;
       &lt;/tr&gt;
    &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>