title: Do not resize Table cell
body: <p>I have large URL(without spaces) in one of my Table(html table element) cell which resize table. I do not want to resize table, what property should I set to break URL into new line? </p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;table class="ui-grid" cellspacing="0" rules="all" border="1" id="MainContent_gvStatistic" style="border-collapse:collapse;"&gt;
      &lt;caption&gt;Statistic (Last 50 conversions)&lt;/caption&gt;
      &lt;tbody&gt;&lt;tr&gt;
          &lt;th scope="col"&gt;Date&lt;/th&gt;
              &lt;th scope="col"&gt;Result&lt;/th&gt;
              &lt;th scope="col"&gt;Api&lt;/th&gt;
              &lt;th scope="col"&gt;IP&lt;/th&gt;
              &lt;th scope="col"&gt;Source&lt;/th&gt;
      &lt;/tr&gt;&lt;tr&gt;
          &lt;td style="width:200px;"&gt;12/16/2011 3:23:59 PM&lt;/td&gt;
          &lt;td align="center" style="width:50px;"&gt;True&lt;/td&gt;
          &lt;td align="center" style="width:100px;"&gt;Web2Pdf&lt;/td&gt;
          &lt;td align="center" style="width:100px;"&gt;::1&lt;/td&gt;
          &lt;td style="width:200px;"&gt;http://a1.quickcatchlabs.com/phototemplates/football_blimp_1.html?i_url=http%3A//lh3.ggpht.com/yf5lVBB_WNBvBHT1HoIzY1SG0-PY5zRCobP3vBacuSk9N346F7CeAIRSFOltR6ZC1-yf-MNKAcAd7bAZ_A%3Ds612-c&amp;amp;i_name=Patriots%20%20vs%20Redskins&amp;amp;i_venue_name=Gillette%20Stadium%20&amp;amp;i_venue_address=Foxborough%20%2C%20MA&amp;amp;d_Score_0=34&amp;amp;d_Score_1=27&amp;amp;d_Period_0=Final&amp;amp;p_name_0=Patriots%20&amp;amp;p_name_1=Redskins&lt;/td&gt;
      &lt;/tr&gt;   
      &lt;/tbody&gt;&lt;/table&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.ui-grid { width: 100%; margin: 5px 0 10px 0; border: solid 1px #eeeeee; border-collapse: collapse; }
  .ui-grid td { padding: 2px; border: solid 1px #eeeeee; }
  .ui-grid td b { font-weight: bold; }
  .ui-grid th { padding: 4px 2px; color: #fff; background: #000000; border-left: solid 1px #eeeeee; text-align: center; }
  .ui-grid .alt { background: #fcfcfc; }
  .ui-grid .pgr { background: #424242; }
  .ui-grid .pgr table { margin: 5px 0; }
  .ui-grid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }
  .ui-grid .pgr a { color: #666; text-decoration: none; }
  .ui-grid .pgr a:hover { color: #000; text-decoration: none; }
  </code></pre>