行を追加できるテーブルを設計するにはどうすればよいですか? _html/css_WEB-ITnose

うわー
突然、会社が引き続きテーブルに行を必要とする場合、それらを追加する方法があることに気づきました。

ディスカッションに返信 (解決策)

js コード: 行を挿入

  <tr>    <td>1</td>      </tr>  <tr>    <td>2</td>      </tr>  <tr>    <td>3</td>      </tr>  <tr>    <td>4</td>      </tr>  </table>

テーブルに行を動的に追加して情報を表示し、スクロール効果を実現

参照 jquery:

http://www.blogjava.net /absolutedo/archive/2009/03/13/259488.html

バックグラウンドからデータを取得できる easy ui の datagrid を試したり、フロントから js を呼び出して行を追加したりすることもできます

http://www.jeasyui .net/demo/338.html

テーブルを動的に設計し、メソッドとして行を追加するように設計するだけです

この事例を参考にして、行を追加するメソッドを自分で定義することもできます

8b05045a5be5764f313ed5b9168a17e6
151b278d408f5bf73c43b04ca5758062
1fd589692e180fb978cda37041cfc5e2 テーブルに行を追加します6e916e0f7d1e588d4f442bf645aedb2f
080b747a20f9163200dd0a7d304ba388
ボーダー: 1px
9c3bca370b5104690d9ef395f2c5f8d1 6c04bd5ca3fcae76e30b72ad730ca86d d000f04e672e32f1ae4172f28d824830 12666b7ed923df04b35502245e680ee9 td> 1 & lt;/td & gt;
& lt;/tr & lt; td & lt; td & gt;
b6c5a531a458a2e790c1fd6421739d1c
b90dd5946f0946207856a8a37f441edf ;/td>
198c69bf32fd09969f06f24debc7c6602cacc6d41bbb37262a98f745aa00fbf0 javascript">
$(function(){
$("#add").click(function(){
var row="a34de1251f0d9fe1e645927f19a896e8"+
"b6c5a531a458a2e790c1fd6421739d1c4b90dd5946f0946207856a8a37f441edf"+
"b6c5a531a458a2e790c1fd6421739d1c4b90dd5946f0946207856a8a37f441edf"+
$("table ").append(row)
})
2cacc6d41bbb37262a98f745aa00fbf0 ;/テーブル>