表題通りです。
下記詳細です。
HTML
1<div class="modal-body2"> 2 <form id="myform3" method="post"> 3 <table class="center"> 4 <tr> 5 <td> 6 <table class="table table-condensed table-bordered table-hover hos_table_data"> 7 <thead> 8 <tr class="active" id="datamodal2"> 9 <th class="control-label"><span>コード</span></th> 10 <th class="control-label"><span>名称</span></th> 11 <th class="control-label"><span>割引率</span></th> 12 </tr> 13 </thead> 14 <tbody> 15 <tr style="height: 30px;" data-row-id="dialogid"> 16 <td class="edit_id"> 17 <input type="text" maxlength="2" class="form-control fm" onclick="this.select();" 18 style="width: 50px; text-align: right; font-size: larger; padding: 3px;" 19 id="edit_id" name="edit_id" placeholder="00" readonly="readonly" /> 20 </td> 21 <td class="edit_name"> 22 <input type="text" maxlength="20" class="form-control fm" onclick="this.select();" 23 style="width: 300px; text-align: right; font-size: larger; padding: 3px;" 24 id="edit_name" name="edit_name" placeholder="20字以内で入力してください" /> 25 </td> 26 <td class="edit_received" style="width: 100px;"> 27 <input type="text" maxlength="3" class="form-control fm" onclick="this.select();" 28 style="width: 50px; text-align: right; font-size: larger; padding: 3px;" 29 id="edit_received" name="edit_received" placeholder="000" /> 30 % 31 </td> 32 </tr> 33 </tbody> 34 </table> 35 </td> 36 </tr> 37 </table> 38 </form> 39</div>
念のため、参考にしてしているCSS、JavaScriptです。
HTML
1<!-- 参照CSS,JavaScript --> 2 <link href="bootstrap3.2/bootstrap.min.css" /> 3 <link href="bootstrap3.1.1/bootgrid.css "/> 4 <link href="bootstrap3.1.1/jquery.bootgrid.css" /> 5 <link href="bootstrap3.1.1Examples.css" /> 6 <link href="bootstrap3.2/bootstrap.min.css" /> 7 <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/start/jquery-ui.css"> 8 9 <script src="jquery-1.10.2.min.js" type="text/javascript"></script> 10 <script src="bootstrap3.2/bootstrap.min.js"></script> 11 <script src="bootstrap3.1.1/jquery.bootgrid.js"></script> 12 <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
現状、上画像のような感じです。
<td></td>内を1行にまとめていないからと思い、1行にまとめてみましたが それでもダメでした。回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2018/08/02 23:38