列在jQuery模式對話框中引導響應表包裝

我有一個引導響應表內jQuery模式對話框。列在jQuery模式對話框中引導響應表包裝

一切工作正常，除了第一列被包裹我不知道爲什麼。

有人可以看看並建議一些東西。

<div class="table-responsive" id="searchItemDialog" style="width: auto; height: auto; min-height: 87px; max-height: none; "> 
<div class="container-fluid"> 
    <div class="row"> 
     <div class="form-group"> 
      <label class="control-label" for="functionName">Item Name</label> 
      <input name="itemNamePattern" class="form-control" id="itemNamePattern" style="max-width: 500px;" type="text" placeholder="Item Name" data-toggle="popover" data-placement="right" data-trigger="focus"> 
     </div> 
    </div> 
    <div class="row"> 
     <div class="form-group"> 
      <input class="btn btn-primary btn-success pull-right" id="btn-search" type="button" value="Search"> 
     </div> 
    </div> 
    <div class="row"> 
     <div class="form-group"> 
      <div class="col-sm-12 col-md-12 error-log"> 
      </div> 
     </div> 
    </div> 
    <div class="row"> 
     <div class="table-responsive" id="itemSearchResultContainer" style="margin-top: 15px; max-height: 500px;"> 
      <table class="table table-hover table-bordered" id="itemSearchResults"> 
       <thead> 
        <tr class="active"> 
         <th> 
          Item Number 
         </th> 
         <th> 
          Item Name 
         </th> 
        </tr> 
       </thead> 
       <tbody><tr><td>00180119</td><td>KIVIK frm so3</td></tr><tr><td>00180124</td><td>KIVIK frame chaise lng</td></tr><tr><td>00182646</td><td>KIVIK cvr so2 Ingebo dark blue</td></tr><tr><td>00182665</td><td>KIVIK cvr sb3 Ingebo dark blue</td></tr><tr><td>00182694</td><td>KIVIK cvr chs lng Ingebo dark blue</td></tr><tr><td>00182769</td><td>KIVIK cvr fst w stor Ingebo bright red</td></tr><tr><td>00182788</td><td>KIVIK cvr chs lng Ingebo light beige</td></tr><tr><td>00182793</td><td>KIVIK cvr so2 Ingebo light beige</td></tr><tr><td>00182806</td><td>KIVIK cvr sb3 Ingebo light beige</td></tr><tr><td>00182830</td><td>KIVIK cvr chs lng Everöd dark green</td></tr><tr><td>00182873</td><td>KIVIK cvr fst w stor Everöd dark green US</td></tr><tr><td>00182887</td><td>KIVIK cvr so2 Everöd dark brown</td></tr><tr><td>00182892</td><td>KIVIK cvr so2 Everöd dark brown AP JP</td></tr><tr><td>00182929</td><td>KIVIK cvr so2 Everöd dark grey</td></tr><tr><td>00182934</td><td>KIVIK cvr so3 Everöd dark grey</td></tr><tr><td>00182948</td><td>KIVIK cvr fst w stor Everöd dark grey</td></tr><tr><td>00182967</td><td>KIVIK cvr chs lng Tranås black</td></tr><tr><td>00182972</td><td>KIVIK cvr so2 Tranås black</td></tr><tr><td>00182986</td><td>KIVIK cvr sb3 Tranås black</td></tr><tr><td>00182991</td><td>KIVIK cvr fst w stor Tranås black</td></tr></tbody> 
      </table> 
     </div> 
    </div> 
</div> 
</div> 

</div>

fiddle

來源

2016-06-09 Nikhil Gupta

只要刪除最大高度：500像素;或嘗試調整它。

有了這個作品完美。

<div class="table-responsive" id="itemSearchResultContainer" style="margin-top: 15px;">

來源

2016-06-09 15:37:01

如果我將刪除高度，那麼我如何得到溢出？我想要一個滾動條。 –

我想如果我會加tr {width = 100％; width：100％; display：inline-table; table-layout：fixed; }那麼它的工作 –

我試試這個，並與所有你想要的東西一起工作。 –

列在jQuery模式對話框中引導響應表包裝

回答

相關問題