0

テーブルに固定幅の列を作成する方法を教えてください。私の問題を説明します。div の下にある動的テーブルに実装したい (幅 10% 20% 70% の 3 つの列を持つ div 内にテーブルを作成)。今、幅 70% (実際のデータ) でデータを表示したいのですが、10% 20% では、今まで何も表示したくありません。

ここで私はこれを実装しています。私は1つのdivを作成します。ボタンをクリックすると、定期的な時間間隔でデータを開始しますか? これを幅の 70% でのみ表示する必要があります。最初に、ボタンをクリックして 3 つの列でテーブルを作成します。次に、3 番目の列にデータを挿入します。

http://jsfiddle.net/naveennsit/x7ZyB/5/

  <a href="#" data-role="button" data-corners="false" data-inline="true" id="call"  class="" >call</a>
<div id="realTimeContents" class ="left realtimeContend_h" style="width:97%;"> 
                            </div>
4

1 に答える 1

0

http://jsfiddle.net/naveennsit/x7ZyB/5/にアクセスしてください

私はあなたのフィドルに変更を加えました

$(document).on('click', '#call', function(event) {
    var tab= $("<table />");
    var tabRow=$("<tr />");
    for (var i=0;i<3;i++){
    var tabcolumn=$("<td width='15%' />");
        if(i==2)
        {
            tabcolumn.addClass("lastcolumn")
            tabcolumn.attr("width","70%");
        }

        tabRow.append(tabcolumn);
    }
         var elem = document.getElementById('realTimeContents');
        tab.append(tabRow);
        $(elem).append(tab);

     setInterval(function(){

         var col = document.getElementsByClassName('lastcolumn');
         $(col).append("hi is test ....");
    col.scrollTop = col.scrollHeight;

  },500);

});
于 2013-08-14T09:47:31.697 に答える