1

テーブルの行 (データを持つ) を動的に追加するスクリプトを作成しました。これは私にとってはうまくいきます。データのない行に出くわすことがありますが、それでも空白行を挿入したいです。現在、空白行の幅と高さは、データのある行と同じではありません。

行の幅と高さを固定することで、この問題を解決できます。データが含まれる行と空白の行の間で均一性を持たせたいので、これを行いたいと思います。

これらの操作には、jquery で css プロパティを使用する必要があると思います。

動的に追加される行に css を追加する方法を知りたいですか??

jqueryで行を作成し、それをテーブルステータスに追加するスクリプトを作成しました

 <script>
socket.on('stat', function (data) {
        var row = $("<tr><td>"+data+"</td></tr>");  
            $("#status").append(row);                   
    });
   </script>

cssを追加するために、このようなことを試しました。newRow というクラスを作成しました。

<style type ="text/css">

.newRow{

        width: 200px;
        height: 200px;
   }
</style>


 <script>
    socket.on('stat', function (data) {
            var row = $("<tr><td>"+data+"</td></tr>");  
                $("#status").append(row);
                   $("#"+row).addClass('newRow');  // Is this right way of adding a class

        });

row.className = "newRow";  // Is this correct.

</script>

これはうまくいかないようです。

これもやってみました。

 <script>
socket.on('stat', function (data) {
        var row = $("<tr><td>"+data+"</td></tr>");  
            $("#status").append(row).css("width" : 200px; "height: :200px);                 
    });
   </script>

これも機能しません。

4

2 に答える 2

0

CSS の構文が間違っているため、<tr><td>単なるテンプレートである jQuery オブジェクトを作成しないでください。これはうまくいくはずです：

    var row = "<tr><td>"+data+"</td></tr>"  
    $("#status").append(row).css({width : '200px', height: '200px'});  //CSS need to be an object for multiple values.

   //OR

    var row = "<tr><td>"+data+"</td></tr>"  
    $('#status tr').removeClass('newRow');
    $("#status").append(row).addClass('newRow');
于 2013-07-28T13:49:16.800 に答える
0

空白行を追加する理由がわかりません (同じ効果を得るためにパディングを使用できますか?)。しかし、ブラウザーによっては、空の要素にスペースを追加して、幅と高さを宣言できるようにする必要がある場合があります。

<td>&nbsp;</td>
于 2013-07-28T13:50:00.163 に答える