Comments (9)
Can you format your code please.
from angular-data-table.
I have just added one line of code in paging.html.
insert the below snippet into paging.html line no 69.
scrollbarV: false,
from angular-data-table.
are you using virtual dom for this table ?
from angular-data-table.
yes, but not for scrollbarV false
from angular-data-table.
Is this still a problem? can you make a demo?
from angular-data-table.
I wanted to add to this because I think it's related. I have my report nested in a child state, which works fine if I set scrollbarV: false
, but causes issues if I set it to true.
If I access the child state initially or refresh the page, it's fine, but if I access the child state from the parent, only the first row is populated. The rest of the grid is blank (though I can see all the data is loaded properly).
from angular-data-table.
Interesting. Can one of you make a demo so I can see?
from angular-data-table.
I'm still getting this bug. Codepen, forked from the repo's demo, upgraded to 0.5.2 and Angular 1.5.
By setting scrollbarV
to false
, the first page isn't loaded. In the pen, if you uncomment the line towards the bottom, you can manually load the first page. However, when you do that, then the rows are empty and the footer isn't displayed. Go ahead and also try commenting out scrollbarV
and then the virtual paging works fine.
Is there another demo that uses non-virtual pagination?
from angular-data-table.
Apparently you have to set the size of paging and remove the height of dt in the css, then it works
//options
paging: {
externalPaging: true,
size: 5
},
scrollbarV: false
//css
.dt {
width: 75%;
margin: 50px auto;
}
from angular-data-table.
Related Issues (20)
- How can I change page programmatically?
- Sorting date formatted as string HOT 1
- lack of filter option HOT 1
- not able to use filter on table when creating dynamic headers HOT 2
- Drag & drop for tree nodes/rows HOT 1
- How do we implement search in angular-data-table HOT 1
- Table is not updating when json is changed in angular-datatable
- Expandable row? HOT 1
- How to create two row of columns (column category and then column)
- group is not working combined with prop path
- Force Fill Widths - example not working
- Problem with horizontal scroll between pinnings columns.
- Multiple header rows/Fixed 'total' row HOT 1
- ng-if or ng-show not working with data table
- vertical scroll issue when you have alot of data
- select row with single selection, zeroed out columns to right of selection
- multi tables on one page with huge data
- How to bind form controls in ng-template inside ngx-datatable to reactive form array, HOT 1
- Filter does not work in the demos with Chrome
- Custom comparator is not working
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 angular-data-table.