page limit with select options not working

I’m submitting a … (check one with “x”)

[ *] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here

Current behavior page limit is not working when I bind limit with select option.I want to change page limit according to which limit I select using select option list like 5,10.

Expected behavior I want to bind page limit value with select option list when I change option then page limit also change.It also work with pagination

• Table version: 0.7.x 2.2.3

• Angular version: 2.0.x 2.0.0

• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

• Language: [all | TypeScript X.X | ES6/7 | ES5]

[iftekharulislam]

I found my mistake. The problem was with the value binding of select element. when we use [value] binding, it only works for strings. As a result page limit was setting the value as a string. On that case, internal first index calculation was working fine, but last index gets undefined, as a result it always showing all results from that page’s first index to the last data item.

the solution is to use [ngValue] binding. It works for custom objects. So onPageSizeChange event is now passed a number value for page size. So everything is working fine.

Updated plunkr

[atalis]

@rahuldev761, did you get this working? My team is evaluating this component for our application. Pagination with page size selection is a must for us, so I want to make sure this is working.