title: How to adjust the column width when showed in Chrome using window.print()?
body: <p>In my project, I have to print the web page and I'm able to do that with windows.print() js function but. Column width is completely different from web page when the preview shows in chrome browser/IE browsers.</p>
  
  <p>Actual web page is below
  <a href="https://i.stack.imgur.com/dPLHo.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dPLHo.jpg" alt="Webpage looks like this"></a></p>
  
  <p>Then when I print this using window.print() it looks like this.(Column width is totally messed up). Refer below.
  <a href="https://i.stack.imgur.com/zuk4F.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zuk4F.jpg" alt="Print preview in chrome browser"></a></p>
  
  <p>Please help me on fixing this. tried the @media print option and not working at all.</p>