Comments (9)
I also experienced the same issue. Reverting to 1.2.0 solved this issue for me.
from scroller.
I've just been looking into this a bit more. When Scroller is activated it calculated the height of the table rows to it can perform its positional calculations. However, if you initialise it in a hidden element, then there is no height that can be calculated!
I've replicated this in a little test case here:
Note that the table appears to be empty (it does actually have data, as do your own, but because the row height is 0, you can't see it!).
The fix is to have Scroller calculate the row height when the tab is made visible. The row height in Scroller can be recalculated through use of the scroller().measure()
API method that Scroller adds to the DataTables API. My little test case shows the problem being resolved using that method here:
I've recently come up with an idea for how this requirement to call an API method can be resolved. There are details on a recent blog post here:
The only downside that I can see at the moment is that IE requires a solid background colour for the table using that method. Otherwise it paints a border around the table that simply cannot be removed...
from scroller.
Any news here? I have the same problem. Evenscroller().measure()
doesn't work. Scroller causes oSettings._iDisplayLength
to be NaN so I cannot even fetch correct portion of data from my backend. Any idea how to solve it?
from scroller.
scroller().measure()
should work when the table is visible. If is doesn't please open a support thread with a link to a test case showing the issue so it can be debugged.
from scroller.
OK, so the question is why it worked in 1.2.0 and doesn't work in 1.2.2 (I mean without scroller().measure)
from scroller.
When I used _fnCalcRowHeight
method body from 1.2.0 in 1.2.2 things seem to work fine. Do you have any explanation for this?
from scroller.
Can you link to a test case showing the issue so I can debug it please. That way I might be able to explain and correct the issue.
from scroller.
More precisely the problem is in small difference
In 1.2.0 _fnCalcRowHeight
had something like that in code:
container.appendTo( 'body' );
1.2.2 has:
container.appendTo( appendTo );
And this part seems to be causing problems.
from scroller.
Fixed in 43ddcf4 (I forgot to reference this bug in the commit message).
If the table is hidden it will now insert into the body like 1.2.0 did. It isn't perfect, but it will help with the majority of cases!
from scroller.
Related Issues (20)
- Scroller, Responsive and scrollCollapse HOT 1
- Scroller does not work with i18n HOT 4
- Binding scroller with mCustomScrollbar() HOT 1
- Install with composer HOT 1
- Viewport height change doesn't change 'showing' rows HOT 6
- Drag to the end, dynamically generate serial error, the first column HOT 2
- <object> tag in IE HOT 3
- Scroller not working with more than 30k rows HOT 13
- Push 1.4.4 version on bower repository
- Unnecessary scrollbar when scrollCollapse is true HOT 17
- The "stateSave" option doesn't work HOT 7
- Scroller + export buttons = partial data dump HOT 4
- Scroller shows strange behaviour on ajax reload while keeping scroll position HOT 1
- Problem With Padding in header... HOT 6
- Columns are miss-aligned when zoomin in/out with the browser HOT 1
- Feature request: A way to show a skeleton screen while adding more content HOT 1
- row.child("some htmls").show() is not working with scrolling pagination
- Scroller wrong `types` and no `module` field HOT 1
- InfoFiltered hidden when filtering HOT 1
- Table is not rendering all records. HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from scroller.