ColVis + fixedColumns
ColVis + fixedColumns
I would like to use both extensions together with a very simple challenge: just keep the leftmost column, a very small one, in a fixed position. Now...the compatibility-chart seems to suggest there might be problems, whereas this page does not mention there are issues to be expected. So I don't know if I have hit a case of "told you so" or whether it is a bug:
Unfortunately there is a problem with the intialisation of the table which seems to be all messed up. If I enable additional columns after init, the table gets redrawn and is formatted correctly (forevermore, I think).
Repro here.
This question has an accepted answers - jump to answer
This discussion has been closed.
Answers
Hi,
FixedColumns doesn't appear to be enabled on your table. x-scrolling is enabled, but you have
max-width: noneon the table, so it will just keep expanding forever and scrolling in the table will never be activated (and therefore also FixedColumns won't be - even when enabled).You could try
max-width: 100%, but generally we haven't tested DataTables much as an expanding table - normally its just a relative fixed width, so it is possible there are quirks here.Allan
It's surprising that you mention fixedColumns was not enabled. I had set it true, doesn't that suffice? Or did you mean that it not effective, because the table has no max-width? I guess you are referring to the CSS-Attribute, right? Should that be set on the table or on a wrapper-div that contains the table?
I'm getting a connection refused error from the server at the moment, but I think yesterday I didn't see a
fixedColumnsoption in the table's configuration. Possibly I missed it...!Correct.
On the table.
Allan
Thanks - you were right about the
fixedColumnsmissing from the table-def. I must have taken it out for an experiment and then forgotten to re-enable it. But I've done some more tests and it seems yadcf-Filtering causes the display issue - so that's an issue to take up elsewhere.BUT wrt
max-width: it is now set to 80% (and the server is restarted) - yet it keeps expanding outside the screen?Try using
width: 100%;as astyleproperty (not just in the CSS). It won't give the layout that you are looking for, but I think it should stop the overflow.I think this is an area where width control in DataTables needs to be improved.
Allan
Thanks! I've made some progress now getting to the bottom of my issues - so I may come back if I find a good repro ;-)