2016-11-28 92 views
0

我在每个小区填充输入到自举表格单元格的高度和宽度

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<table id="itemTable" border="1" class="table table-bordered table-striped"> 
 
         <thead> 
 
          <tr> 
 
           <th >Quantity</th> 
 
           <th>Unit</th> 
 
           <th>Material Name</th> 
 
           <th>PO Vatable</th> 
 
           <th>PO TAX</th> 
 
           <th>PO Total</th> 
 
          </tr> 
 
         </thead> 
 
         <tbody> 
 
          <tr> 
 
           <td> 
 
            <input type="number" min="1" class="form-control" name="Quan[]"> 
 
           </td> 
 
           <td> 
 
            <select id="BX_gender" name="Unit[]"> 
 
             <option>Kg</option> 
 
             <option>Piece</option> 
 
             <option>Meter</option> 
 
             <option>Pound</option> 
 
             <option>Gram</option> 
 
             <option>Feet</option> 
 
            </select> 
 
           </td> 
 
           <td><input type="text" name="Material[]"> </td> 
 
           <td><input type="number" step="0.01" class="small" name="POVATABLE[]"> </td> 
 
           <td><input type="number" step="0.01" class="small" name="POTAX[]"> </td> 
 
           <td><input type="number" step="0.01" class="small" name="POTOTAL[]" onkeyup="onRequestTotalModification(this.parentNode.parentNode.rowIndex)"> </td> 
 
          </tr> 
 
         </tbody> 
 
        </table>

我试图设置输入(使用自举3.0)具有输入字段的表宽度为&包含它的单元格的高度,但没有任何工作(即使是内联样式)。 我组织使用theadtbody标签表,但如果你想拥有你的输入是你需要删除白手起家的TD元素默认填充整个小区它并没有解决什么

回答

0

https://jsfiddle.net/2ay5yuq3/2/

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{ 
    padding:0; 
}