how to display the data in table format using javascript

Question

0.00/5 (No votes)

See more:

how to display the data in table format using javascript...data is read from the xml file and here in the below code wat i mentioned.... instead of displaying the message as it is i need to display the coresponding field data in the format of table.
I have some six fields like name,last,open,low ,high,chrg...
Help me out in doing this...

XML

function broadcastListener(msg) {
for(int i=0;i<1000;i++)
{
  console.log("received broadcast: " + msg + ", " + msg.data[i]);
  $(<'<tr>')
  $('<td>').html(msg.data[i]).prependTo('#contentList').animate({color: "#000000"}, 6000);
  $('<tr>')
  }
  $('html, body').animate({ scrollTop: 0 }, 0);
}

google.load("jquery", "1");

/**
* Callback function - Cometd consumer.
*/
google.setOnLoadCallback(function() {
$.getScript("http://jquerycomet.googlecode.com/svn/trunk/jquery.comet.js", function(){
console.log("done loading js");
$.comet.init("http://localhost:9099/cometd");
$.comet.subscribe("/broadcastMessageChannel", broadcastListener);
});

});

/**
* Listener function called on receipt of broadcast message.
*/
function broadcastListener(msg) {
for(int i=0;i<1000;i++)
{
console.log("received broadcast: " + msg + ", " + msg.data[i]);
$(<'')
$('').html(msg.data[i]).prependTo('#contentList').animate({color: "#000000"}, 6000);
$('')

$('html, body').animate({ scrollTop: 0 }, 0);
}
}

this is the code wat i have....the below mentioned solutions are not giving outcome for me... f i could not understand wat is controlid and for wat v r using it plz xplain

Thank u
Priyanka

Posted 13-Oct-13 23:38pm

Member 10332261

Updated 12-May-19 18:24pm

v2

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

bitofweb · Answer 1 · 2013-10-13T23:59:00

Hi Priyanka,

try the following code.

JavaScript

 var table  =  '<table>';

for(int i=0;i<1000;i++)
{
	console.log("received broadcast: " + msg + ", " + msg.data[i]);
	table += '<tr>'
	table += '<td>'
	table += msg.data[i];
	table += '</td>'
	table += '</tr>'
}

table  += '</table>';

$('controlid').html(table);

You can add anything to table dynamically like class, additional attribute or control by this.
Hope this helps!

nrgjack · Answer 2 · 2013-10-14T00:57:00

i usually use the append..

JavaScript

var $table  =  $('<table></table>');

for(int i=0;i<1000;i++)
{
    console.log("received broadcast: " + msg + ", " + msg.data[i]);
    var $tr =  $('<tr></tr>');
    var $td =  $('<td></td>');
    $td.append(msg.data[i]);
    $tr.append($td);
    $table.append($tr);
}

$('div#target').empty().append($table);

this will fill the table inside the element

JavaScript

<div id="target"></div>

how to display the data in table format using javascript

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0