如何在jQuery中动态地建立表格? [英] How to formate dynamically table in jquery?

问题描述

能否请您告诉我如何在Table中创建固定宽度的列.我将解释我的问题. 我想在div下创建动态表(在具有三列且宽度为10％20％70％的div内创建表). 现在我要显示宽度为70％(实际数据)的数据，而要显示10％20％的宽度，直到现在我都不想显示任何东西.

can you please tell me how to create column with fixed Width in Table.I will explain my problem. I want to implement on dynamic table which is under div(create table inside a div having three column having width 10 % 20% 70%).Now my data is coming real time mean regular interval of time after one second . Now I want to show data on width 70%(real data).and on 10 % 20% I don't want to show any thing till now.

我在这里实现这个.我做一个div.单击按钮，我开始重新设置数据间隔时间?我只需要显示宽度的70％.因此，我首先在具有三列的按钮单击上创建表格.现在，我想在第三列上插入数据.

Here I am implementing this .I make one div .On button click I start data regualar interval of time? I need to show this only in 70 % of width.So Firstly I create table on button click with three column.Now i want to insert data on third column.

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>

推荐答案

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

我已经改变了你的提琴 试试吧

I have made a change to your fiddle try that

$(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中动态地建立表格?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！