Download table widget

Demo

Use a strict or loose doctype

This table widget requires a valid doctype in order to work properly in IE. You can either choose the strict doctype:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
or a loose doctype:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Choose the one that makes your page look best across different browsers. The doctype tag should be placed on the first line of your HTML file.

Put this into your <HEAD> section

Put this into your <BODY> section

Download images

There are two arrow used in this script to indicate sorted columns. Right click on them below and select "Save target as". Put them in a subfolder called "images".

How to use

You create the table by use of plain HTML as shown in the textaera code for <BODY>. What's important is that you:

  1. Have a parent div like this: <div class="widget_tableDiv">
  2. Use a <THEAD> tag as parent of your header row.
  3. Use <TD> and not <TH> as tags for your header content
  4. Use a <TBODY> as parent of your table data rows(<TR>).

Look in the example for further help.

The last thing you have to do is to call the javascript function initTableWidget() which "converts" the table. Example:
<script type="text/javascript">
initTableWidget('myTable',500,250,Array('S','N',false,'N','S'));
</script>

The arguments you send to this function are:

  1. 'myTable' = The ID of your table. example: <TABLE id="myTable" ...
  2. 500 = Width of table widget
  3. 250 = Height of table widget
  4. Array('S','N','S','N','S') = An array telling how the columns should be sorted. "S" = String, "N" = Numeric. Use false(without quotes) instead of "S" and "N" if you have columns that shouldn't be sorted at all.

Comments

yuzhewang
very will i want a one!
yuzhewang at 04:30AM, 2011/03/14.
Vadim
How to get it work in Chrome?Chrome doesn't display the vertical scroll bar.
Vadim at 06:04AM, 2011/03/18.
John
Is it possible to have an updated version of the script where the scrollbar works in FF 4.0?
John at 06:49AM, 2011/04/01.
Martin S
Hello this example is nice.i want to generate the table from ajax and i want to apply this fixed table header in the table which generate by the ajax
Martin S at 07:37AM, 2011/04/08.
James Chen
very will!
James Chen at 09:48AM, 2011/05/20.
pet
Thank you. It's a Very great work!
Love to use the script in my own pages.

This script makes my work easier.
pet at 09:04AM, 2011/06/25.
robertm
Tiny typo in "How to use" section: textaera --> textarea
robertm at 11:40AM, 2011/11/23.
smoce
support cookies ??? Help
smoce at 11:08PM, 2013/01/03.
Zedarr
Hello evrerybody,for FireFox:Will we have a solution for the problem of scrollbar ?(it's very annoying)Another problem, aesthetic this one : when we have, for example, only one line in the table, the line takes all the place in the tableThanks in advance
Zedarr at 01:28PM, 2013/06/11.
zaftar
Does not work with IE11 and problem of window size using chrome, does anyone have the javascript modifications to do ?
zaftar at 03:20PM, 2014/07/05.
PivRP
Drugs information for patients. Long-Term Effects.
<a href="https://lyricafor.top">can i purchase pregabalin without a prescription</a> in the USA
Everything information about pills. Get information here.
PivRP at 10:42AM, 2021/04/28.
Jamessmg
Singlewith teenagers

internet dating surely have supplanted romantic relationship gardening to single mother and who have child. families, of course, be worried about how internet dating a brand new friend will may affect their children we have incredibly their new need the children. mainly because you [url=https://www.facebook.com/Chnlove-review-1580356525626668/]chnlove review[/url] to become marital up until recently should not inevitably mean that you are more licensed in this area as compared to what yet another. having to come back a socially popular life is vital, it's provides help a dad or mum outside of obsessing in the region of any job as to get. having your discreet existence to become completely dictated by your kid's is extremely junk food pertaining to both dad and in addition child,

Lansky grants and then provides commonsense strategies for single families, as an example discussion your date while beauty treatments at your home for the initial few times, And not to have too many a romantic prospects getting into and in your children's happiness while this is obvious to the majority mothers, possibilities is like a considerably long time any where from spouses for would likely be to your sons or daughters it also communicates unhealthy principles.

which makes efforts to dating when you are a single father.

connecting a relationship in line with a currently hard to manage make time for really is wholly heavy duty, having said that always keeping demanding social sellers is a crucial element of your self care for single mothers. So could fathers establish duration a part on a self-employed basis along with preserving their own kid's recurring undivided attention necessities?

you are going to teams of single fathers and mothers that gather when considering before made adhere to ups at any nearby area, wendy's, or in the one of the fogeys living space. But pertaining to all single dad who don't have access to customary baby caregivers, any of these contend to ups mostly centered hauling the shouting people with each other parents along with parent hardly having the capacity to relax and as a result interact socially, passing up on the methodology to know another moms and dads sound familiar?

Hookmeup Online has released a single fathers and mothers online individual service rrn which fathers meet up on the internet can interfere signifies of reside single men and women converse appointments crafting all 'getting to see just about every single other' procedure that far easier. if you are a single or even usually are wedged inside the social rut, you borrowed it to yourself to profit by the actions free dating services will offer occasion organized single as well as father.
Jamessmg at 03:45AM, 2021/06/04.

Post your comment

Don't have an avatar? Create one at Gravatar.com.

Confirmation code:

Go to cbolson.com


About/Contact | A good idea? | Submit a script | Privacy notice
© 2005 - 2021 dhtmlgoodies.com