How to design large table in HTML/Angularjs

Question

I've table which displays around 100 records on button click in a div. It comes in a single page so to reach the end, have to scroll down to earth.

It feels messy and i would like if i can make 10 records on first look and next 10 on next page and so...

Somewhat like

enter image description here

Is it possible or any alter way to achieve it????

whoa whow...exactly what i thought was implemented there...thnks mate — Vino Spartan
– Vino Spartan, Commented Apr 2, 2015 at 11:25
@Manoz Can't we implement same using css instead of other party??? — Vino Spartan
– Vino Spartan, Commented Apr 2, 2015 at 11:27
No, you would need client side scripts for this. This can't be done with css standalone. — Manoz
– Manoz, Commented Apr 2, 2015 at 11:30

Reena · Accepted Answer · 2015-04-02 13:01:31Z

1

I have also started learning AngularJs recently. If you want to use AngularJs then you could get some help from this link. http://angular-ui.github.io/ng-grid/ . While doing R&D on AngularJs I found this link. Hope this could be helpful. In order to user ng-grid you can either git checkout or download the zip (or use bower) from here https://github.com/angular-ui/ng-grid/tree/2.x

answered Apr 2, 2015 at 13:01

Reena

1,1199 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to design large table in HTML/Angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related