title: No text wrapping in HTML table on SharePoint
body: <p>I have a table on SharePoint that I have constrained to a certain size. For this I have used table-layout:fixed; in my CSS. I then have  tags in my html to size my columns as I would like. </p>
  
  <p>The problem is that when I use the  tags the white-space: nowrap; in my CSS seems to be ignored. I even tried putting in the white-space attribute straight into my  but to no avail.</p>
  
  <p>Here is a sample of my code:</p>
  
  <pre><code>    #box-table-a
      {
   font-family:arial;
   border-collapse:collapse;
   font-size:8pt;
   border-style:solid;
   border-color:silver;
   border-width:1px;
   width:844;
   table-layout:fixed;
      }
      #box-table-a th
      {
   font-size:12px;
   font-weight:300;
   padding:2,2,2,2;
   color:#000000;
   border-style:solid;
   border-color:silver;
   border-width:1px;
   border-color:#000000;
   text-align:center;
   vertical-align:bottom;
   white-space: nowrap;
      }
      #box-table-a td
      {
   font-family:arial;
   font-size:12px;
   padding:2,2,2,2;
   color:#000000;
   border-style: solid;
   border-color:silver;
   border-width:1px;
   text-align:center;
   white-space: nowrap;
  
      }
      var TableHtml = "&lt;table id='box-table-a'&gt;";
      TableHtml +="&lt;col width=100&gt;&lt;col span=3 width=28&gt;&lt;col width=100&gt;&lt;TR&gt;&lt;TH&gt;Field1&lt;/TH&gt;&lt;TH&gt;Field2&lt;/TH&gt;&lt;TH&gt;Field3&lt;/TH&gt;&lt;TH&gt;Field4&lt;/TH&gt;&lt;TH&gt;Field5&lt;/TH&gt;&lt;/TR&gt;";
      TableHtml +="&lt;TR&gt;&lt;TD&gt;" + Field1[0] + "&lt;/TD&gt;&lt;TD&gt;" + Field2[0] + "&lt;/TD&gt;&lt;TD&gt;" + Field3[0] + "&lt;/TD&gt;&lt;TD&gt;" + Field4[0] + "&lt;/TD&gt;&lt;TD&gt;" + Field5[0] + "&lt;/TD&gt;&lt;/TR&gt;";
      TableHtml +="&lt;/Table&gt;";
  </code></pre>
  
  <p>Any help would be greatly appreciated!</p>
  
  <p>Thanks,
  Karl</p>