How to display Tabular Data--a new perspective

Title : How to display Tabular Data -- a new perspective
Full Article: http://www.webreference.com/programming/javascript/ne/index.html

Recommended to : Any webmaster, Javascripter

Introduction: Nicolas Erlijman showing us a new way to display tabular data without making the table change in size.

Abstract: Normally, a table uses relative size(%) in width can result these 3 problems:
1. cells grow in height: When a field contains too much data
2. ugly scrolling appears: When a field have data that can't be split into different lines
3. Using fixed table values won't solve the problem.
To fix the problems, here are the steps.
1. Use a read only input text controls
2. Get the width of all characters
3. make floating buttons allow user to scroll only one cell
The result
Compatibility: IE 5.5, FF 1.5, NS 8.1, Opera 8.5

Facts from Conclusion:

  • Fixed table width is Evil!
  • Create a span with innerHTML set to a text, the span.offsetwidth will be the string length
  • Don't restrict your mind. There are better interface for humans

Editor Comment:

This is a refreshing idea. I used computer and loved it when I was five. I never thought of this idea until today. I should be ashamed of myself. so should anyone who doesn't read this article.


Post new comment

The content of this field is kept private and will not be shown publicly.
If you have a Gravatar account, used to display your avatar.
  • Allowed HTML tags: <img> <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <span> <fn>
  • Lines and paragraphs break automatically.
  • Textual smileys will be replaced with graphical ones.
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>. Beside the tag style "<foo>" it is also possible to use "[foo]".
  • Use [fn]...[/fn] (or <fn>...</fn>) to insert automatically numbered footnotes.

More information about formatting options

What is 2 + 70?
To combat spam, please solve the math question above.
Honey Pot that kill bots