Fixed Columns demo live! (Microsoft Excel like tables)
I have setup a live demo for fixed columns. It isn’t 100% ready for release. A few issues that are currently being worked on are auto-resizing the table with the browser window, styling the fixed column, and adding a fixed footer.
You can find the demo here
16 Comments to “Fixed Columns demo live! (Microsoft Excel like tables)”
Leave a Reply
[...] Fixed Header Tables [...]
Hello..
In “Fixed Column Demo” what parameter we need to pass if we want to fix the first 3 column to block the horizontal scroll.
One of my friends already told me about this place and I do not regret that I found this article.
Some bugs with td width if i have colspan in table (ver 1.0.b)
ie
hdr1hdr2hdr3
txt1txt2txt3
txt4
replace
thWidth = widthHidden[thCount];
to some like that in code (line 219-227)
var thCount = 0;
var thWidth;
var tdWidth;
var cSpan;
obj.find(‘table.fht_orig_table tbody tr td’).each(function() {
if ($(this).hasClass(‘firstCell’)) {
// if the current element has class firstCell then we are at the begginning of a new row
thCount = 0; // reset the counter
}
thWidth = 0;
cSpan = $(this).attr(‘colspan’);
if (typeof cSpan == ‘undefined’) { cSpan = 1;}
for (var ci=thCount;ci<(parseInt(cSpan)+parseInt(thCount));ci++) {thWidth = thWidth + widthHidden[ci]-parseInt(cSpan)};
and some bugs with border,cellpadding(line 165-169…) etc – if i use my css styles
Hello..
In “Fixed Column Demo” what parameter we need to pass if we want to fix the first 3 column to block the horizontal scroll.
The current release version on the downloads page doesn’t support fixed columns. Just the demo so far. Still need to work out several bugs before I release it.
In IE 7 i am getting JS error.
There are probably a couple bugs…this version isn’t complete and hasn’t been released yet. The current release doesn’t support a fixed column but has also been tested in the major browsers. I will add that to my list of bugs to check for, Thanks!
-Mark
Very, very good work !
Same thing as Tim, new version doesn’t work on IE6+
Do you know when the next release will be out ? (Can’t wait)
thanx a lot for the work !
Still working on this release. I haven’t had much time lately, been working on an iPhone app and trying to get that out the door. But I promise it will be very soon!
Can the resize height be changed to auto when there aren’t enough rows to take up the window height?
JS Error on the column mode for IE. All else works. I would love to see this developed further.
Hello.
Cant you make a stripped version. All the roundcorners and such really is hard to integrate in my design.
I hope the next releases will be more of a simple layout so its easy to tweak on your own.
Thanks!
Exactly what I’ve been waiting for!
Tested resizing table in Safari 3.2; FF 2 and 3.5; Chrome; IE 6 and 8; all perfect! In IE 7 get a js error but table still seems to be fine.
Haven’t quite finished testing it…still needs a few bugs ironed out but haven’t had much time lately to work on it.
This is very cool in FF 3.5, but your demo doesn’t work quite right in IE 7. It takes forever to load and then main pane never seems to render.