title: Can I lock the first column in a Twitter Bootstrap Table?
body: <p>I have a large scroll-able table I built with Twitter bootstrap but would like prevent the first column from scrolling.  Is this possible?</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="span12" style="height: auto !important;overflow-x: scroll;"&gt;';      
          &lt;table class="table table-striped table-bordered table-condensed"&gt;
          &lt;thead&gt;
              &lt;th&gt;Col1&lt;/th&gt;
              &lt;th&gt;Col2&lt;/th&gt;
              &lt;th&gt;Col3&lt;/th&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;data 1&lt;/td&gt;
              &lt;td&gt;data 2&lt;/td&gt;
              &lt;td&gt;data 3&lt;/td&gt;
         &lt;/tr&gt;
         &lt;/tbody&gt;
         &lt;/table&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>