I do not know about ASP, so maybe what I'm going to tell you here does not work very well.
In CSS we have the media queries, which are basically "modes" in which your page lies. Example:
@media screen and (max-width: 600px){
body{
width: 100%
}
}
That is, when the device is screen and is at most 600px wide, it applies 100% width in the body.
With this we also have some options that deal with printing (% with%). Then you can use them as follows:
@media print{
#my-grid{
width: 1000px;
height: 600px;
top: 0;
left: 0;
}
}
That is, when you attempt to print from the browser, the print
element will receive these new values and replace the old ones.
One way to test whether your style is being applied correctly is by using DevTool.
In chrome, open the console (f12), press ESC, and scroll to the #my-grid
option. There you can select% with% (print) and check how your element stays when it will be printed.