Question

我有一个表（使用Bootstrap 3.0），每个单元格中都有一个输入字段

＆＃13;

<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>

＆＃13;

我试图将输入设置为宽度＆amp;包含它的单元格的高度，但没有任何工作（甚至内联样式）。我使用thead和tbody代码组织了表格，但它没有修复任何内容

Answer 1

如果您尝试将输入作为整个单元格，则需要删除TD元素上的bootstraps默认填充。

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;
}

填充输入到Bootstrap表格单元格的高度和宽度

1 个答案: