jQuery Powertable is a jQuery plugin to help spice up your tables. Of course there are a lot of table plugins, but this plugin gives you all the power, yet stays out of the way for you to style. Complete with a full api to remotely manage your table, you can manage from within the table, or outside the table.
So what type of features does this so called table plugin have that are so amazing?
- Move Columns – Works via drag and drop or api call
- Show/Hide Columns – Works from generated handle or api call
- Fixed Columns – Sets columns as fixed upon initialization or api call
- Rows Columns – Sets rows as fixed upon initialization or api call
- Persistant – Use browser storage to remember settings or supply your own
And if that isn’t enough the fact that it eats 1,000 row tables for breakfast should be. The plugin digs down below the jquery level to pure javascript for maximum performance. Finally you should know where and how to get it:
Hope you enjoy!
9 Responses
marek
May 03, 2012Hello Trent!
I’ve been playing around with your powertable plugin and finding it pretty nifty – thank you!
I ran into some issues in an odd way – I was browsing your pages and examples in firefox, being very impressed by the dragging column reorder functionality.
I implemented powertable on some of my pages, which I was viewing in IE 9, and just couldn;t ge the column drag handle to appear or work..
Fretted n fussed for a long time, then opened the same page in firefox – and voila it worked just fine.
I then opened your pages http://trentrichardson.com/examples/jQuery-Powertable/index.html in IE and saw to my dissapointment that the drag handles disappeared.
Are you aware of this issue in IE, and perhaps have any idea how to address it?
help much appreciated dude!
:)
Marek
trent
May 03, 2012Hey Marek, this is the initial release of powertable so there may be some rough edges, thanks for reporting. The drag drop is purely html5, which is good and bad. Good in that no external libraries are required and bad that only latest browsers support this. I think the handles disappear because of my feature detection. I may need to detect drag drop differently (around line 161).
There is also one other known but I would love to get fixed. Fixed columns/rows in Firefox does not work. I know why but have not figured out a solution yet. My current hack is to change the table cell [td] to position: relative; Technically this is an invalid value, but all browsers will entertain my quirks, except FF..
I will check on the IE feature detection.
Manmohan Menon
Aug 08, 2012hi trent, in this powertable plugin, is there a means to add timepicker in to it? i am using currently append an entire row to my table and getting timepicker and its difference. i would like to integrate timepicker and major part of code into this jquery powertable plugin
trent
Aug 09, 2012Currently there is not integration between the two, they function separately. You should be able to place a timepicker into a table like you have done in your jsfiddle.
Lee Hull
Aug 21, 2012Any luck on a fix for FireFox? This is exactly what I need for my project, but would like to comply with FireFox as well as IE, even a workaround would be great.
trent
Aug 22, 2012Currently it is not fixed. Everything seems to work fine except for that one pesky FF issue. Technically it’s not a bug, FF properly renders it, but other browsers allow us to use invalid style properties for td elements. If you have any creative idea’s I’m open to them.
amnon
Sep 09, 2012I’m looking for such a table that also works when the body direction is rtl. This one comes quite close, but the fixed column disappears after scroll. Would it be difficult to fix ?
Shaft
Oct 01, 2012Hi Trent,
Very nice job. I really like your plugin and your approach. Il works perfectly on ie9 but i’ve tried in ie8 on vista and 7 and i have an app crash when i try to scroll. Have you any idea ?
Thanks.
Serene Rajkarnikar
Dec 07, 2012Hi Trent,
I was recently looking into Powertable as a solution on one of the projects I was working on. It worked great, however, when trying to rebuild the table, I received an error saying “currFIxed” is not defined.
Uncaught ReferenceError: currFixed is not defined
Upon looking into the file, I found that the definition was missing on the method – rebuild(line 297). I went ahead and defined it in line with currName and currVisible, and there’s no issues after that.
Just thought I’d let you know.
Thanks,
Serene