search

lorenzofox3 / Smart-Table

Code source of Smart Table module: a table/grid for Angularjs
http://lorenzofox3.github.io/smart-table-website/
1.8k stars 513 forks source link

Dynamic - Angularjs Smart Table + Chart JS + JSON Integration #786

Open alamsha opened 7 years ago

alamsha commented 7 years ago

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/

lorenzofox3 commented 7 years ago

thanks mate, looks great !

alamsha commented 7 years ago

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.

lorenzofox3 commented 7 years ago

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

alamsha commented 7 years ago

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.