Comments (17)
I'm with you now. Thanks! This is the issue without a BS card.
I'll look into this before the next release of Scroller.
from scroller.
It looks okay to me in Chrome Linux.
You are loading Bootstrap4 styling for DataTables core, but DataTables styling for Scroller, rather than the BS4 styling. Is that intentional? I'd suggest using the download builder to make sure you get all the files needed for whatever styling you choose.
from scroller.
I've used CDN links from https://datatables.net/download/
`
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script> <script type="text/javascript" src="https://cdn.datatables.net/v/bs4/jszip-2.5.0/dt-1.10.18/af-2.3.3/b-1.5.6/b-colvis-1.5.6/b-flash-1.5.6/b-html5-1.5.6/b-print-1.5.6/cr-1.5.0/fc-3.2.5/fh-3.1.4/kt-2.5.0/r-2.2.2/rg-1.1.0/rr-1.2.4/sc-2.0.0/sl-1.3.0/datatables.min.js"></script>`The problem is still not solved.
https://jsfiddle.net/5upzckoy/
from scroller.
from scroller.
I'm not seeing the issue?
from scroller.
from scroller.
from scroller.
Is there anyway to go around this? I have the same problem even though my scrollY is the same height of the viewport and there is still plenty of space left.
from scroller.
That looks like it might be a different issue. How have you set the height of the DataTables viewport?
from scroller.
The problem persists even if try with a large, more than necessary, manual value. I removed all custom CSS's that could be messing with the heigth.
from scroller.
Other example, only 3 rows, using 90vh. The white box that contains the table is not restricting the size. I tried to removed it, same outcome.
from scroller.
Hi.
Do you have any news about this issue?
from scroller.
This issue will be updated when I've had a chance to look into it.
from scroller.
Hi,
Is there an update to this issue? Still seeing this with Scroller 2.0.5 and Datatables 1.11.3
Thank you
from scroller.
No sorry - I haven't looked into it yet. If anyone can spare some time to look at a fix for it, that would be most welcome otherwise I'll look at it when I can.
from scroller.
Still an issue. Could not find a workaround besides disabling scrollCollapse.
from scroller.
Hello,
When you fire the draw event, it's ok (try to order one column).
It seems this bug appears at the first draw only.
I know this code should be improved, but it works (scrollY to 50vh) :
... some config... ,
initComplete: function (settings) {
// calculate the dataTables_scrollBody height
let height = document.querySelector("div.dataTables_scrollBody").offsetHeight;
// transform this px value to vh
let vhHeight = (100 * height / window.innerHeight);
// Get the scrollY value
let maxVhHeight = settings.oScroll.sY;
if (vhHeight < parseInt(maxVhHeight) && settings.iDraw === 1) {
this.api().draw();
}
}
If someone has a better idea, i'm interested in !
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
- 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.