Smart-Table icon indicating copy to clipboard operation
Smart-Table copied to clipboard

Published 20 hours ago • verified publisher icon lorenzofox3

Dynamic - Angularjs Smart Table + Chart JS + JSON Integration

Open alamsha opened this issue 6 years ago • 4 comments

Actions speak louder than words. First, hearty thanks to Smart Table. I have learnt a lot from this site and would like to share my plunker. Feel free to fork, download, improve and play with it.

Dynamic -- Smart Table + Chart JS Integration https://embed.plnkr.co/lu30E4WYjCSuFlayECxF/

alamsha avatar Jul 16 '17 20:07 alamsha

thanks mate, looks great !

lorenzofox3 avatar Jul 17 '17 14:07 lorenzofox3

I have updated my plunk with ST top and bottom pagination. https://embed.plnkr.co/lu30E4WYjCSuFlayECxF/

When i print the pdf, unfortunately the top pagination also gets printed and so far i could not remove it from pdf. Also, the pagination element occupies big space on top of the table.

  1. Is it possible to keep pagination outside the table?.
  2. Is it possible to reduce the height of the pagination element or make it responsive to fit best?.

I wish "Items per page and pagination" sits on top of the table as one component. If possible, please fork my plunk, make any changes you wish and provide the link. Thanks.

alamsha avatar Jul 19 '17 00:07 alamsha

the st-table attribute does not have to be on the table you can put it on a wrapping div so the pagination or whatever can be outside of the table.

I think the easiest is four you to use css Media queries (some allow you to apply style only for printed document) to hide the pagination

lorenzofox3 avatar Jul 19 '17 13:07 lorenzofox3

done. above plunker updated.

Smart-Table is one the cleanest and well engineered project. I have decided to follow Smart-Table coding style as the role model and benchmark for all my future angular projects. Thanks.

alamsha avatar Jul 21 '17 14:07 alamsha