title: Make one column fixed with horizontal scroll using Bootstrap?
body: <p>Assuming I have the following:</p>
  
  <pre><code>          &lt;table class="table table-bordered table-striped table-hover"&gt;
              &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th&gt;#&lt;/th&gt;
                  &lt;th&gt;Table heading&lt;/th&gt;
                  &lt;th&gt;Table heading&lt;/th&gt;
                  &lt;th&gt;Table heading&lt;/th&gt;
                  &lt;th&gt;Table heading&lt;/th&gt;
                  &lt;th&gt;Table heading&lt;/th&gt;
                  /* ... more table headers */
              &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td&gt;ID 1&lt;/td&gt;
                  &lt;td&gt;Table cell&lt;/td&gt;
                  &lt;td&gt;Table cell&lt;/td&gt;
                  &lt;td&gt;Table cell&lt;/td&gt;
                  &lt;td&gt;Table cell&lt;/td&gt;
                  &lt;td&gt;Table cell&lt;/td&gt;
                  &lt;td&gt;Table cell&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;ID 2&lt;/td&gt;
                  &lt;td&gt;Table cell&lt;/td&gt;
                  &lt;td&gt;Table cell&lt;/td&gt;
                  &lt;td&gt;Table cell&lt;/td&gt;
                  &lt;td&gt;Table cell&lt;/td&gt;
                  &lt;td&gt;Table cell&lt;/td&gt;
                  &lt;td&gt;Table cell&lt;/td&gt;
              &lt;/tr&gt;
                  /* ... more table rows */
              &lt;/tbody&gt;
          &lt;/table&gt;
  </code></pre>
  
  <p>I wish to add more table headers and ultimately make the table scrollable horizontally. Is it possible to make it so that the first column (the one containing the ID's) remains fixed and thus always visible regardless of how much the user has scrolled horizontally? </p>
  
  <p>What I wish to create has been achieved here using a jQuery plugin: <a href="http://www.novasoftware.com/Download/jQuery_FixedTable/JQuery_FixedTable.aspx" rel="noreferrer">http://www.novasoftware.com/Download/jQuery_FixedTable/JQuery_FixedTable.aspx</a> (live demo here:  <a href="http://www.novasoftware.com/Download/jQuery_FixedTable/jQuery_FixedTable_Demo.htm" rel="noreferrer">http://www.novasoftware.com/Download/jQuery_FixedTable/jQuery_FixedTable_Demo.htm</a>)</p>