Creating a flexible table using div tag? Is it possible?

Question

0.00/5 (No votes)

See more:

I am creating a table using div tag, but as i increases the fields of columns the code breaks down to next line, and for this I have to fix the div size again and again..:( is there any possible way to create a table using divs like table tag.

Posted 12-Aug-12 18:14pm

neeraz upadhyay

Updated 12-Aug-12 18:43pm

enhzflep

v3

Add a Solution

Comments

Sergey Alexandrovich Kryukov 13-Aug-12 0:19am

What's wrong with creation a table with "table" tag? :-)
--SA

neeraz upadhyay 13-Aug-12 2:28am

nothing :) but only want to improve my knowledge, is there another way exists or not.. ? if yes then how..? :)

Sergey Alexandrovich Kryukov 13-Aug-12 13:56pm

It would take some work. Basically, you need to write Javascript code to handle CSS properties of table elements. (jQuery is very helpful.)
If your data is like a table, a table element and its children is always better then divs.
--SA

enhzflep 13-Aug-12 0:42am

So just use the CSS rule that prevents text wrapping.
There's an example here: CSS white-space Property

Sergey Alexandrovich Kryukov 13-Aug-12 13:57pm

That's right, but then, ultimately, total page width may or may not be enough to fit all. Most typically, it's better to have some wrapping. It could be selective.
--SA

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)

Raje_ · Answer 1 · 2012-08-12T18:54:00

Solution 1

Refer this link:
DIV TABLE[^]

All the best.

Posted 12-Aug-12 18:54pm

Raje_

Comments

Sergey Alexandrovich Kryukov 13-Aug-12 13:59pm

Interesting, but I'm not sure div pro's can outweight table cons...
--SA