Bootstrap表rowspan需要动态

时间:2016-02-24 06:06:27

标签: html twitter-bootstrap bootstrap-modal

我已经使用Bootstrap 3作为表格格式,我需要动态地添加行与php但显示一些错位,我已经使用行跨度9,但需要动态行...请检查我的HTML代码并清除这个问题....

<textarea name="textarea" rows="2" class="form-control" type="text" placeholder="Goals"></textarea>
<table border="1" class="table" >
<tr>
<th>&nbsp;</th>
<th width="15%">Goals</th>
<th width="15%">Comments</th>
<th width="10%">UOM</th>
<th width="10%">Weights</th>
<th width="10%">Pre. Year</th>
<th width="10%">Curr. Year</th>
<th width="10%">CYA</th>
<th width="10%">Achievements</th>
<th width="10%">Comments</th>
</tr>
<tr>
<td align="center" rowspan="9" class="first" ><br>
Financial <span class="addrow"> <i class="addplus fa fa-plus"></i> Add Goal </span> </td>
<td>&nbsp;</td>
<td><textarea type="text" rows="2" class="form-control" placeholder="Commands"></textarea></td>
<td><input type="text" class="form-control" placeholder="UOM"></td>
<td><input type="text" class="form-control" placeholder="Weights"></td>
<td><input type="text" class="form-control" placeholder="FY14"></td>
<td><input type="text" class="form-control" placeholder="FY15"></td>
<td><input type="text" class="form-control" placeholder="FY16"></td>
<td class="colum"><input type="text" class="form-control" placeholder="Achievements"></td>
<td class="colum"><input type="text" class="form-control" placeholder="Comments"></td>
</tr>
<tr>
<td><textarea type="text" rows="2" class="form-control" placeholder="Goals"></textarea></td>
<td><textarea type="text" rows="2" class="form-control" placeholder="Commands"></textarea></td>
<td><input type="text" class="form-control" placeholder="UOM"></td>
<td><input type="text" class="form-control" placeholder="Weights"></td>
<td><input type="text" class="form-control" placeholder="FY14"></td>
<td><input type="text" class="form-control" placeholder="FY15"></td>
<td><input type="text" class="form-control" placeholder="FY16"></td>
<td class="colum"><input type="text" class="form-control" placeholder="Achievements"></td>
<td class="colum"><input type="text" class="form-control" placeholder="Comments"></td>
</tr>
<tr>
<td><textarea type="text" rows="2" class="form-control" placeholder="Goals"></textarea>
</td>
<td><textarea type="text" rows="2" class="form-control" placeholder="Commands"></textarea></td>
<td><input type="text" class="form-control" placeholder="UOM"></td>
<td><input type="text" class="form-control" placeholder="Weights"></td>
<td><input type="text" class="form-control" placeholder="FY14"></td>
<td><input type="text" class="form-control" placeholder="FY15"></td>
<td><input type="text" class="form-control" placeholder="FY16"></td>
<td class="colum"><input type="text" class="form-control" placeholder="Achievements"></td>
<td class="colum"><input type="text" class="form-control" placeholder="Comments"></td>
</tr>
<tr>
<td><textarea type="text" rows="2" class="form-control" placeholder="Goals"></textarea></td>
<td><textarea type="text" rows="2" class="form-control" placeholder="Commands"></textarea></td>
<td><input type="text" class="form-control" placeholder="UOM"></td>
<td><input type="text" class="form-control" placeholder="Weights"></td>
<td><input type="text" class="form-control" placeholder="FY14"></td>
<td><input type="text" class="form-control" placeholder="FY15"></td>
<td><input type="text" class="form-control" placeholder="FY16"></td>
<td class="colum"><input type="text" class="form-control" placeholder="Achievements"></td>
<td class="colum"><input type="text" class="form-control" placeholder="Comments"></td>
</tr>
<tr>
<td><textarea type="text" rows="2" class="form-control" placeholder="Goals"></textarea>
</td>
<td><textarea type="text" rows="2" class="form-control" placeholder="Commands"></textarea></td>
<td><input type="text" class="form-control" placeholder="UOM"></td>
<td><input type="text" class="form-control" placeholder="Weights"></td>
<td><input type="text" class="form-control" placeholder="FY14"></td>
<td><input type="text" class="form-control" placeholder="FY15"></td>
<td><input type="text" class="form-control" placeholder="FY16"></td>
<td class="colum"><input type="text" class="form-control" placeholder="Achievements"></td>
<td class="colum"><input type="text" class="form-control" placeholder="Comments"></td>
</tr>
<tr>
<td><textarea type="text" rows="2" class="form-control" placeholder="Goals"></textarea></td>
<td><textarea type="text" rows="2" class="form-control" placeholder="Commands"></textarea></td>
<td><input type="text" class="form-control" placeholder="UOM"></td>
<td><input type="text" class="form-control" placeholder="Weights"></td>
<td><input type="text" class="form-control" placeholder="FY14"></td>
<td><input type="text" class="form-control" placeholder="FY15"></td>
<td><input type="text" class="form-control" placeholder="FY16"></td>
<td class="colum"><input type="text" class="form-control" placeholder="Achievements"></td>
<td class="colum"><input type="text" class="form-control" placeholder="Comments"></td>
</tr>
<tr>
<td><textarea type="text" rows="2" class="form-control" placeholder="Goals"></textarea></td>
<td><textarea type="text" rows="2" class="form-control" placeholder="Commands"></textarea></td>
<td><input type="text" class="form-control" placeholder="UOM"></td>
<td><input type="text" class="form-control" placeholder="Weights"></td>
<td><input type="text" class="form-control" placeholder="FY14"></td>
<td><input type="text" class="form-control" placeholder="FY15"></td>
<td><input type="text" class="form-control" placeholder="FY16"></td>
<td class="colum"><input type="text" class="form-control" placeholder="Achievements"></td>
<td class="colum"><input type="text" class="form-control" placeholder="Comments"></td>
</tr>
<tr>
<td><textarea type="text" rows="2" class="form-control" placeholder="Goals"></textarea></td>
<td><textarea type="text" rows="2" class="form-control" placeholder="Commands"></textarea></td>
<td><input type="text" class="form-control" placeholder="UOM"></td>
<td><input type="text" class="form-control" placeholder="Weights"></td>
<td><input type="text" class="form-control" placeholder="FY14"></td>
<td><input type="text" class="form-control" placeholder="FY15"></td>
<td><input type="text" class="form-control" placeholder="FY16"></td>
<td class="colum"><input type="text" class="form-control" placeholder="Achievements"></td>
<td class="colum"><input type="text" class="form-control" placeholder="Comments"></td>

   

0 个答案:

没有答案