About
When working with large table, it gets a bit frustrating, when you go to read the data in a distant row or column and the headings at the top of the page or down the side of the sheet disappear.If you are like me, you're never quite sure if you are looking in the right spot so you scroll back and forth trying to read first the heading and then the data, heading then the data, until you're almost sure you have it right.
To avoid this back and forth waste of time, use this jquery plugin. This plugin allows you to lock specific rows and columns so that they will always be visible on screen no matter how far you scroll to the right or down.
Idea of this plugin is no existing coding modification need to be done, just with additional <DIV> and call the plugin code shown below, that's all!
$('#mydiv_1_0').panesfreezer({
'headerrow': 1,
'headercolumn' : 1
});Demo
Supported browser
Below table show the supported browser for this plugin| No | Browser | Version | OS | Support |
|---|---|---|---|---|
| 1 | Google Chrome | 14.0.835.202 m | Windows 7 | Y |
| 2 | Firefox | 7.0 | Windows 7 | Y |
| 3 | Safari | 5.1 | Windows 7 | Y |
| 4 | Internet Explorer | 9 | n/a | n |
Links
jquery plugin page - http://plugins.jquery.com/project/panesfreezerGithub page - https://github.com/comcrazy/Panes-Freezer/
Author blog - http://comcrazy-devcenter.blogspot.com/ @ http://comcrazy.info/
where i can download this script....thanks...
ReplyDeleteHi Nanag, I just upload a release file. You can now download from http://plugins.jquery.com/project/panesfreezer. TQ
ReplyDeletei have try this code (basic.html), but i'm tired to set width of cell.. what should i do..??
ReplyDeletesorry for my english..
you mean you want to set width for each cell? If yes, i would recommend use css to define the width and use it at TD element class.
ReplyDeletei have try this but it doesn't work..
ReplyDeletei'm sorry i have many question...
ow thank... i forget to set total width of table...thank you very much....
ReplyDeleteNo worry, if you have any further question, just drop me a message. I am still enhancing the plugin.
ReplyDeleteThis comment has been removed by the author.
ReplyDeletethe table is broken when i try to marge some of cell... i use rowspan and colspan... This occurs in freezed part.. thanks i'm waiting for this solution..:)
ReplyDeleteYup, colspan is done, i am working on rowspan now.
ReplyDeleteok... i'm waiting for update..:)
ReplyDeleteHi Nanang, new release is up, support rowspan and colspan now. Check it out. :)
ReplyDeletei have try new release... when i use rowspan in freezed area..the table still crash..
ReplyDeleteHi Nanang, can you please open a ticket at http://plugins.jquery.com/node/add/project-issue/panesfreezer. Please provide me the error message you get and the html code you had try. TQ
ReplyDelete