Comments (2)
Sorry, there's no way to do infinite scroll yet. It's a good suggestion, but I don't know if I'll have time to get to it.
from reactive-table.
I did the infinite scrolling with this example: http://www.meteorpedia.com/read/Infinite_Scrolling removing the loading div and all that stuff (the last two blocks) and replacing them with this:
//code from http://james.padolsey.com/javascript/get-document-height-cross-browser/
function getDocHeight() {
var D = document;
return Math.max( D.body.scrollHeight, D.documentElement.scrollHeight, D.body.offsetHeight, D.documentElement.offsetHeight, D.body.clientHeight, D.documentElement.clientHeight );
}
// At the bottom of the page increments the database limit by ITEMS_INCREMENT
$(window).scroll(function() {
if(
Session.set("itemsLimit", Session.get("itemsLimit") + ITEMS_INCREMENT);
}
});
And on the table settings:
settings: function () {
return {
collection: your_collection,
rowsPerPage: Session.get("itemsLimit"), //<-------This do the trick
showNavigation: 'never', // This row
...
...
}
and removing the bottom navigation with the last row from the above example.
from reactive-table.
Related Issues (20)
- Is there any way to publish distinct rows and pass parameters in publish function? HOT 1
- $or and $and operators in custom Filters HOT 2
- how to set row height ? HOT 1
- injecting spacebar output into a row cell ? HOT 1
- Row numbering Excel-style HOT 2
- checkbox states is lost during navigation HOT 3
- show loader until data is ready for client HOT 3
- Client-side change page number through custom button HOT 3
- Table is not updated when data is $unset (context.server) HOT 1
- Compare two columns data in custom filter HOT 3
- Using _ properly on server HOT 1
- There are multiple templates named 'leaderboard' HOT 8
- `noDataTmpl` changes the DOM structure of the passed-in template HOT 1
- Table only updates when I update the fields from the first document HOT 1
- reactiveTable error: fields option is required with server-side publications HOT 1
- Error: Must use an ordered observe with skip or limit HOT 1
- Support for Bootstrap 4
- Date custom filter on reactive table collection not working HOT 2
- ReactiveTable.publish not working HOT 1
- getting ids of the whole published collection 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 reactive-table.