table-layout: fixed

13 October 2005   1 comment   Web development

Mind That Age!

This blog post is 13 years old! Most likely, its content is outdated. Especially if it's technical.

I've learnt something interesting today worth thinking more about. The "table-layout" selector in CSS2. Long story short... if you specify it like this:

<table style="table-layout:fixed">

then the whole table will be shown slightly faster because the browser doesn't have to load the whole table into memory and then use the "automatic table layout algorithm" where it needs to find out what widths to use on the table based on the content inside. With the fixed algorithm the widths are either defined by:

So the least lazy set up is to set table-layout:fixed and then define the width either in CSS or in the first row and the web browser will be able to show parts of the table whilst the page is still loading. The fact that the web browser can't show anything until fully computing was one of the reasons for using Web Standards to code layout. Web Standards for layout is still the best way forward, but tables are often useful too, such as the big tables on the issuetracker ListIssues so I better start looking at this more seriously. A caveat is that it's not easy to slow down an already fast setup (I only use broadband :) to see the effect with my bare eyes. I guess I have to roll up my sleeves and read the W3C specs and implement it correctly without having to trail-and-error it.


Sascha Welter

"A caveat is that it's not easy to slow down an already fast setup (I only use broadband :) to see the effect with my bare eyes"

Haha! Come visit me in Greece and I'll lend you a machine to test it here on our stone-age Interent connections :-) Seriously you could find an old modem somewhere or play around with GPRS to test it.

Your email will never ever be published

Related posts

Dream: python bindings for squidclient 11 October 2005
Furious and deprived by 'rm *' 15 October 2005
Related by Keyword:
Select all relations in PostgreSQL 10 December 2015
10 reasons for web standards 06 June 2004
Related by Text:
jQuery and Highslide JS 08 January 2008
I'm back! has been renewed 05 June 2005
Anti-McCain propaganda videos 12 August 2008
Ever wondered how much $87 Billion is? 04 November 2003
Guake, not Yakuake or Yeahconsole 23 January 2010