print all data in paginated table/grid

direct Tabular data display Recently our project has a page need to show tabular data from 30-6000 rows with 3-4 columns. At first, I thought this is pretty reasonable data to show in one page so I just throw the data into a ng-repeat┬átable with my own implementation of filtering/sorting which is pretty straightforward in…

angularjs bootstrapui print iframe modal

1. Print modal fit in one screen If the content of the modal is in one screen, we could just put a css in the modal template to hide all other content Or put a wrap to the parent content and assign an id to it then in the print css, use the id and…

page-break property in css

There isn’t an actual page-break property in CSS. It is actually a set of 3 properties: page-break-before, page-break-after and page-break-inside. These properties help define how the document is supposed to behave when printed. For example, to make a printed document more book-like. Properties page-break-before The page-break-before property adds a page-break before the element to which…

print the page without link

While print, we do not want those long links which makes the page not readable. add some style to the @media print should be able to achieve this. Some server (rails/java) is required to use a parent selector. The body element is perfect for selecting what should be the entire page.

chrome window.print() window.close()

Chrome used to open a seperate window containing just the element i wanted printed and its relative css. That window then spawned the .print command which opened another window containing print preview. Now Chrome no longer opens a new window for their print preview. Instead it opens a “dialog with overlay” in the current page…