Как создать динамическую таблицу в jquery?

Question

Не могли бы вы рассказать мне, как создать столбец с фиксированной шириной в таблице. Я объясню свою проблему. Я хочу реализовать на динамической таблице, которая находится под div (создать таблицу внутри div, имеющую три столбца, имеющих ширину 10% 20% 70%). Теперь мои данные поступают в среднем в реальном времени через регулярный промежуток времени через одну секунду. Теперь я хочу показать данные по ширине 70% (реальные данные) .and on 10% 20% Я пока не хочу ничего показывать.

Здесь я реализую это. Я делаю одно нажатие кнопки div .On. Я запускаю временные интервалы времени данных. Мне нужно показать это только в 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); 

});