Rank 1
I tried to disable UseStaticHeader when Print a Grid
this is my js function
This works OK, but when I use StaticHeader not all data display. Please see attached image
function Imprimir() {
var radGrid = $find('<%= grillaListado.ClientID %>');
radGrid.MasterTableView.get_element().style.fontSize = "10px";
debugger;
radGrid.MasterTableViewHeader.get_element().style.fontSize = "10px";
var previewWnd = window.open('about:blank', 'Resúmen Ordenes de Pago', '', false);
var styleStr = "<html><head><title>Resúmen Horas de Proyectos</title></head>";
var fechaDesde = $find('<%= dtFechaDesde.ClientID %>').get_textBox().value;
var fechaHasta = $find('<%= dtFechaHasta.ClientID %>').get_textBox().value;
var htmlcontent = styleStr + "<body> <label style='font-size:10px'>Fecha desde:" + fechaDesde + " - hasta " + fechaHasta + "</label><br>" + radGrid.get_element().outerHTML + "</body></html>";
previewWnd.document.open();
previewWnd.document.write(htmlcontent);
previewWnd.document.close();
previewWnd.print();
previewWnd.close();
}
function Imprimir() {
var radGrid = $find('<%= grillaListado.ClientID %>');
radGrid.MasterTableView.get_element().style.fontSize = "10px";
radGrid.MasterTableViewHeader.get_element().style.fontSize = "10px";
/********************* I TRIED THIS ***************************/
radGrid.ClientSettings.Scrolling.UseStaticHeaders =false; => does not work
/********************* I TRIED THIS ***************************/
var previewWnd = window.open('about:blank', 'Resúmen Ordenes de Pago', '', false);
var styleStr = "<html><head><title>Resúmen Horas de Proyectos</title></head>";
var fechaDesde = $find('<%= dtFechaDesde.ClientID %>').get_textBox().value;
var fechaHasta = $find('<%= dtFechaHasta.ClientID %>').get_textBox().value;
var htmlcontent = styleStr + "<body> <label style='font-size:10px'>Fecha desde:" + fechaDesde + " - hasta " + fechaHasta + "</label><br>" + radGrid.get_element().outerHTML + "</body></html>";
previewWnd.document.open();
previewWnd.document.write(htmlcontent);
previewWnd.document.close();
previewWnd.print();
previewWnd.close();
}
How i can print the complete grid when it use StaticHeader?
1 Answer, 1 is accepted
You can disable grid scrolling with static headers using the following highlighted css:
<script type="text/javascript"> function Imprimir() { var radGrid = $find('<%= grillaListado.ClientID %>'); radGrid.MasterTableView.get_element().style.fontSize = "10px"; debugger; radGrid.MasterTableViewHeader.get_element().style.fontSize = "10px"; var previewWnd = window.open('about:blank', 'Resúmen Ordenes de Pago', '', false); var styleStr = "<html><head><style type='text/css'>.rgDataDiv{overflow: auto !important;height: auto !important;}</style><title>Resúmen Horas de Proyectos</title></head>"; var fechaDesde = $find('<%= dtFechaDesde.ClientID %>').get_textBox().value; var fechaHasta = $find('<%= dtFechaHasta.ClientID %>').get_textBox().value; var htmlcontent = styleStr + "<body> <label style='font-size:10px'>Fecha desde:" + fechaDesde + " - hasta " + fechaHasta + "</label><br>" + radGrid.get_element().outerHTML + "</body></html>"; previewWnd.document.open(); previewWnd.document.write(htmlcontent); previewWnd.document.close(); previewWnd.print(); previewWnd.close(); } </script>Regards,
Pavlina
Telerik