I am using Tablepress with DataTables. I have also installed the extension Fixed Columns.
But I am unable to make it work whether I enable DataTables or not. I have enabled datatables_tabletools=”true” in the post and then try enabling fixed columns but no effect. Tried it without enabling the tools too.
thanks for your question, and sorry for the trouble.
Using both the FixedColumns and the TableTools Extensions at the same time is not possible, as they interfere.
At this time, you can only use one of them with a table. Sorry.
Thanks Tobias for the reply. The FixedColumns extension is not even working if I turn off the TableTools extension. By turning off I mean that I do not deactivate TableTools plugin, but I just don’t use it in my table and it still doesn’t work. Do I have to uninstall TableTools extension?
[table id=1 datatables_fixedcolumns=”left”/]
doesn’t work either.
ok, I see. Could you then please post a link to the page with the table, so that I can take a direct look? Thanks!
Completely uninstalling the TableTools Extension is not necessary.
Well, I was able to make FixedColumns work without DataTables. Thanks.
So if I want the freezing functionality with DataTable Tools too then I have to use the other extension (FixedHeader one), I presume.
FixedColumns without DataTables? How exactly did you do that? Did you set up everything manually or are you still using the TablePress Extension?
If you want to combine this with the TableTools, you’ll basically make sure that the JS calls don’t override each other, which happens with the separately installed Extensions.
The best approach for that would be to create a new Extension that combines both JS scripts, similar to the Extension http://tablepress.org/extensions/datatables-tabletools-and-fixedheader/
No, no 🙂 Sorry if I was not clear earlier.
I meant ‘without DataTables_TableTools parameter’. Basically I was earlier using:
[table id=1 datatables_tabletools=”true” datatables_fixedcolumns=”left”/]
So I removed the datatables_tabletools parameter and now fixed column is working.
If I want to freeze the left most column then can’t I use FixedHeader with DataTables instead of creating a new custom extension?
ah, ok. Thanks for the clarification. That actually what I meant above, when I said that the Extensions are not compatible directly.
Now, can you please clarify again what you want to do? Freeze the left column (with the FIxedColumns Extension), or freeze the header row (with the FixedHeader Extension), or use the TableTools?
I want to freeze the left column and use DataTable tools too. From the description of FixedHeader, I got the impression that it can be used to freeze left and right column as well if we want.
One thing Tobias. FixedColumns is giving problems in IE and Safari. Any idea why? Works fine in Chrome and Firefox.
thanks for the clarification.
Then, indeed, you’ll need to merge the two Extensions, as the single ones are not directly compatible.
And yes, the FixedHeader Extension can also freeze the left column. However, it uses a slightly different mechanismn: It will not freeze the column in that location where it is, but it will freeze it on the left side of the screen, once the table touches the left side due to scrolling (so basically, this is the same effect as for the fixed header row, except that it is done on the left side).
About those issues in IE and Safari: Sorry, I don’t really know what could be wrong there 🙁
Ok, thanks. I will try FixedHeader too.
Meanwhile, regarding FixedColumns, have you seen or heard any issues IE or Safari? I thought that these (and DataTables) are compatible with all browsers. The cell sizes just become weird and don’t scroll properly. The header stays in place etc.
I’m not aware of specific browser problems with the FixedColumns script, but sometimes the combination of plugin and theme CSS can cause weird results.
If you post the URL to the page with the table, I’ll take a look.
Well I figured it out by setting the table-layout as fixed and setting width of each column explicitly. Our table is very large though, horizontally, with images and text.
-IE 10 on Windows 7
-Chrome, latest updated version on Windows 7 and Mac OS X 10.8 (both MacBook Pro and MacAir)
-Safari 6 on Mac OS X 10.8
-Firefox 20.0 on Mac OS X 10.8 (both MacBook Pro and MacAir) and 22.0 on Windows 7
iPad (iOS 6.0), both in, wide and vertical (conventional) view. There is a bit of delay in image updating of you scroll on x-axis but then that is the issue of the page being big in general. It eventually self-corrects. In browsers:
-Chrome (latest updated version)
The only problematic view was on the default browser on Samsung GII (Android 4.0.4) Again, the problem was not that it was distorted or malfunctioning (the scrolling was fine), but the view was too big for the small screen.
Though I still cannot use DataTables Tools 🙁 and I don’t have time right now to change it to DataTables_FixedHeader and go through the tweaks again, lol.
good to hear that you have found a CSS tweak to fix the styling glitch 🙂
table-layoutproperty is a nice idea for this.
And sorry that you can’t use TableTools right now 🙁 Unfortunately, I also don’t have the time to make this possible with FixedColumns at the moment.
- The topic ‘Tablepress FixedColumns Extension is not working’ is closed to new replies.