Please note, new blog at http://www.acheron.org/darryl/

AJAX Diary: Use TABLEs instead of DIVs

I've recently come the realisation that DIVs are just too much hard work when it comes to writing a stable, responsive and rapid user interface framework for AJAX-applications. Our large AJAX CRM application used DIVs and CSS Expressions heavily to achieve a "windows-like", fluid/scalable user interface. Each time a new pane was added, so were a bunch of CSS rules with expressions in them (absolute positioned elements that reference other elements to set width, height, top, left, etc).

I've now gone back to the dark ages, and converted the entire thing to use good old tables. I can tell you, it is a LOT more responsive. A lot of people may not realise the CSS expressions are evaluated each time something happens in the UI. For example, if you move your mouse, then the CSS expressions are being evaluated. So you can quickly guess that if you're adding more DIVs to the DOM with CSS expressions, you're certainly not speeding things up!

I'll also mention that I am talking about an "application" here -- not a Web site, and our standard platform is Internet Explorer (HTA). You can argue all you like that I should be using DIVs for visual layout, but I think it is more important to use what works.

Tables are just easier and quicker when it comes to GRID layouts...

By Anonymous Anonymous, at 5/30/2006 12:29:00 am  

Dude I think everyone would agree with you, maybe not the puritans though.



By Blogger Jarret, at 11/12/2009 05:55:00 am  

Your on drugs if you think tables are easier to manage than divs. Either that or you can't code your way out of a wet paper bag.



By Blogger Jhon Davis, at 11/05/2010 10:06:00 am  

great said @SOSensible,

- John Devos
Magento Themes



By Blogger tania, at 11/11/2010 10:25:00 am  

some says use divs instead of table. I thing best process is that which according to your needs.

- Tanya
Web Designers



By Blogger electroniccigarette, at 2/25/2011 03:20:00 pm  

This comment has been removed by the author.



By Blogger Unknown, at 5/07/2011 04:04:00 am  

i completely agree with what ever is written in the post
Commerical Buildings for Sale



By Blogger acekard, at 9/08/2011 04:37:00 pm  

nds card
r4 card
r4 revolution
r4 gold
r4 sdhc
r4 upgrade iii
r4i rts
r4i ultra
acekard 2i 1.4.2
dstti
m3i zero 3ds
supercard
iedge ds
cyclods 3ds
ez flash vi
move games ps3
ps3 pc controller
x360key xbox 360
3ds r4
r4 sdhc 3ds
r4 gold 3ds
dsi acekard



By Blogger SEO Services, at 9/23/2011 09:18:00 pm  

When reading this post it reminded me of something I read the other month in a landrover Book, would there be any chance I could have the authors email address, Superb blog thanks for the information.

SEO Services



By Blogger Hussam, at 3/25/2012 10:12:00 pm  

Surely Ajax is being utilized a lot for creation of tables and making data entry in tables rather simpler. Cant even wonder how far this technology of PHP will move forward too...

Free SMS



By Blogger Unknown, at 3/05/2014 06:16:00 pm  

Looking for entertainment from sexy female Delhi escorts? The hottest Delhi girls are waiting for you here. Be prepared to have some of the best times of your life. Enjoy escort in Delhi with Delhi escorts agency



By Blogger Riya Jacob, at 3/09/2016 12:50:00 am  

Such a nice post ! great love to read this one.


Mumbai Escorts services

Rici Mumbai Escorts services

Delhi Escort Service

Mumbai Escorts Services

Escorts services in Gurgaon

Mumbai Escorts services

Mumbai Escorts



» Post a Comment