title: HTML table cannot span textbox for several columns
body: <p>Working on a asp.net MVC 5 projec and to using a table to display several controls.</p>
  
  <p>On the second row I want the textbox to span 5 columns, showing a long text on it. But textbox display as nomal width, cannot span it or make it wider.</p>
  
  <p>I have try with style="width: 100%;" and with "&lt; span >", not working....</p>
  
  <p>try remove CSS reference (class="form-control"), same behavior</p>
  
  <pre><code>        &lt;table class="table table-striped table-hover "&gt;
          &lt;tr&gt;
              &lt;th&gt;@Html.LabelFor(model =&gt; model.clienteID)&lt;/th&gt;
              &lt;th&gt;
                  @Html.DropDownListFor(model =&gt; model.clienteID, null, "-- Seleccione un Cliente --", new { @id = "cliente", @class = "form-control" })
                  @Html.ValidationMessageFor(model =&gt; model.clienteID)
              &lt;/th&gt;
              &lt;th&gt;@Html.LabelFor(model =&gt; model.cliente.telefonoCelular)&lt;/th&gt;
              &lt;th&gt;&lt;input type="text" id="clienteCelular" readonly="readonly" class="form-control"&gt;&lt;/th&gt;
              &lt;th&gt;@Html.LabelFor(model =&gt; model.cliente.telefonoOficina)&lt;/th&gt;
              &lt;th&gt;&lt;input type="text" id="clienteTOficina" readonly="readonly" class="form-control"&gt;&lt;/th&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;@Html.LabelFor(model =&gt; model.cliente.direccion)&lt;/td&gt;
              &lt;td colspan=5&gt;
                  &lt;input type="text" style="max-width: 100%;"id="clienteDireccion" readonly="readonly" class="form-control"&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
  </code></pre>
  
  <p></p>
  
  <p>As show on the capture, "Direccion" Textbox don't span full table row:</p>
  
  <p><img src="https://i.stack.imgur.com/eVCSd.jpg" alt="enter image description here"></p>
  
  <p>Finally I was able to fixed adding: style="max-width: 100%;"</p>
  
  <p>I notice using google inspect element that max-width: 280px; was added as part of bootswatch CSS.</p>