title: Twitter Bootstrap : collapsible table line width with colspan
body: <p>I'm trying to use the collapse functionality in Twitter Bootstrap in order to display an additional line in a table with a single cell taking the whole width of the table... The line is displayed when a button in the above line is clicked.</p>
  
  <p>The problem is : without the collapse functionality, with the <code>colspan</code> attribute, the "extra line" has the good width, but with the functionality in action, the <code>colspan</code> attribute doesn't seem take effect, the line stays of the width of the first cell of the line above.</p>
  
  <pre><code>&lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;&lt;/th&gt;
              &lt;th&gt;content&lt;/th&gt;
              &lt;th&gt;content&lt;/th&gt;
              &lt;th&gt;content&lt;/th&gt;
              &lt;th&gt;content&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;
              &lt;button data-toggle="collapse" data-target="#collapsible"&gt;Develop&lt;/button&gt;
              &lt;/td&gt;
              &lt;td&gt;content&lt;/td&gt;
              &lt;td&gt;content&lt;/td&gt;
              &lt;td&gt;content&lt;/td&gt;
              &lt;td&gt;content&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr id="collapsible" class="collapse"&gt;
              &lt;td colspan="5"&gt;
                  Collapsible content
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>What is the problem and how to solve it ?</p>