title: Prevent scrolling of a single column in a table
body: <p>Ok wizards, someone knows how to do this ... </p>
  
  <p>I have a very complex custom control that renders the availability information for x number of people (could be 1 could be 100). 
  the calendar renders any given date range as specified in the control properties. </p>
  
  <p>What this means is that the control has the potential to be very long and all this data is rendered as a html table.</p>
  
  <p>With each persons name appearing in the first column im looking to fix that column and let the rest of the table scroll horizontally so the user can browser through the full range of dates but keep visible the people names.</p>
  
  <p>so how do i fix the first column in place in table that looks something like the code below ...</p>
  
  <pre><code>&lt;table&gt;
    &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td colspan='31'&gt;Jan&lt;/td&gt;&lt;td colspan='28'&gt;feb&lt;/td&gt;...&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;3&lt;/td&gt; ...&lt;tr/&gt;
    &lt;tr&gt;&lt;td&gt;Person 1&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;Busy&lt;/td&gt; ...&lt;tr/&gt;
    &lt;tr&gt;&lt;td&gt;Person 2&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;Busy&lt;/td&gt;&lt;td&gt;Busy&lt;/td&gt; ...&lt;tr/&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>In case it's helpful in any way this is a C# app (asp.net) and i am open to using javascript if required.</p>
  
  <p>thanks guys :)</p>