How do I create an table or div dynamically on popup window based on database rows count

Question

0.00/5 (No votes)

See more:

Hello Guys,

I have to create a table or div based on database rows count.
Suppose, 20 rows are there on database. So 2 div or td should be created dynamically.
If 25 rows are available on database then 3 div or td should be created dynamically.
and table rows should be shown on div or td.

Actually i am opening a popup window using window.open method and it has link button. On click of link button either i have to open another popup window and create a table or division tag based on database table rows or on the same popup window i have to create the div or table itself and based on no. of divs window size should be resized.

What I have tried:

I am wondering how to do this on popup window based on database table rows count.

Posted 5-Jan-18 22:47pm

Member 11052432

Updated 9-Jan-18 0:03am

Add a Solution

Comments

Karthik_Mahalingam 6-Jan-18 6:18am

post the code what you have tried.

Kornfeld Eliyahu Peter 7-Jan-18 6:06am

Search for JavaScript templates...

1 solution

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)

Rajesh Pandya · Answer 1 · 2018-01-09T00:03:00

Solution 1

For create table dynamically use can use following method:

- Create one label in your popup window i.e. lblData
- On your button click write following code:

JavaScript

var sTableData = '';
	var iRow = 0;
	sTableData = '<table>';
	for(iRow=0;iRow<=tablerowcount;iRow++)
	{
		sTableData = sTableData + '<tr><td>specify data you want show</td</tr>';
	}
	sTableData = sTableData + '</table>;

	document.getElementById('lblData').innerHTML = sTableData;

Hope it will be helpful.

Posted 9-Jan-18 0:03am

Rajesh Pandya

Comments

Member 11052432 9-Jan-18 23:37pm

Hi my requirement is like I have to create div based on database rows count.
if 5 rows are there on db, then 1 div will be created.
if 20 rows are there on db, then 2 div will be created.
if 25 rows are there on db, then 3 div will be created.
if 56 rows are there on db, then 3 div will be created.

Please provide the logic.

Rajesh Pandya 10-Jan-18 1:11am

You can use above logic just remove the for loop and use if condition like below:
if(tablerowcount = 5)
{ sTableData = 'specify data you want show'; }
else if(tablerowcount = 20)
{ sTableData = 'specify data you want show';
sTableData = sTableData + 'specify data you want show';
}
Like above add as many condition as required for create div based on row count.