Question

请告诉我如何在Table中创建具有固定宽度的列。我将解释我的问题。我想在div下的动态表上实现（在div中创建具有三列宽度为10％20％70％的div）。现在我的数据实时意味着一秒后的规则时间间隔。现在我想显示宽度为70％的数据（真实数据）。在10％20％时我不想显示任何东西。

这里我正在实现这个。我做一个div。点击按钮我开始数据的时间间隔？我只需要在70％的宽度上显示这一点。所以我首先在按钮上单击三列创建表。现在我想在第三列上插入数据。

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>

Answer 1

访问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);

});

如何在jquery中动态格式化表格？

1 个答案: