By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,377 Members | 1,660 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,377 IT Pros & Developers. It's quick & easy.

How to distribute rows of a long table on multiple pages in html

P: 1
Hi, i'm new in web development, i have a problem to handle the long table. I have a page where have large number of rows it will not look so good to display them on one 1 page. i want to distribute these rows on multiple pages, like if i have 24 rows i want to display only 3 rows on a page so with this complete table will shown on 8 pages. so is there have any way to do this & how?

Thanks in advance
May 3 '11 #1
Share this Question
Share on Google+
1 Reply

Expert Mod 15k+
P: 16,027
What you could do is show only 3 of the rows and hide the rest. Then have next/previous/x of n buttons to show the rest.

To hide/display rows, look into the style.display property for table rows. See

You'll see that IE 7 is particularly poor in supporting the table* values for this property. A workaround is to set it to empty to default to "table-row". To hide a row, set the property to "none".
May 10 '11 #2

Post your reply

Sign in to post your reply or Sign up for a free account.