打印页面的datagrid的滚动条如何才能不显示


datagrid的 height: 'auto', 页面显示的时候没有垂直滚动条,但是打印时候却有滚动条,如何才能与网页显示的一致,不要有滚动条。太难看了。
function InitGrid(DeliveryNo) {
var queryData = { DeliveryNo: DeliveryNo };
$("#grid").datagrid({
url: "@Url.Action("GetDeliveryItemData", "OrderDelivery")",
width: 890,
height: 'auto',
fit: false,
fitColumns: false,
singleSelect: true,
nowarp: false,
showFooter: true,
rownumbers: true,
queryParams: queryData,
border: false,
columns: [[
{ field: 'ProductId', title: '序号', width: 50, hidden: true },
{ field: 'ProductName', title: '@Resources.Language.txt_ProductName', width: 288 },
{ field: 'ProductCode', title: '@Resources.Language.txt_ProductCode', width: 100 },
{ field: 'ModelDesc', title: '@Resources.Language.txtModel', width: 100 },
{ field: 'Quantity', title: '@Resources.Language.txt_OrderQuantity', width: 80, align: 'right' },
{
field: 'UnitPrice', title: '@Resources.Language.txt_ProductUnit', width: 85, align: 'right', formatter: function (val, rowData, rowIndex) {
if (val != null)
return parseFloat(val).toFixed(2);//val.toFixed(2);
}
},
{ field: 'PlanQuantity', title: '@Resources.Language.txt_DeliveryQuantity', width: 85, align: 'right' },
{
field: 'ReturnQuantity', title: '@Resources.Language.txt_ReturnQuantity', width: 90, align: 'right',
formatter: function (value, row, index) {
return "<font color='red'>" + value + "</font>";
}
},
{
field: 'TotalReturnPrice', title: '@Resources.Language.txt_ReturnAmount', width: 100, align: 'right', formatter: function (val, rowData, rowIndex) {
if (val != null)
return parseFloat(val).toFixed(2);//val.toFixed(2);
}
},
{
field: 'TotalDeliveryPrice', title: '@Resources.Language.txt_DeliveryAmount', width: 108, align: 'right', formatter: function (val, rowData, rowIndex) {
if (val != null)
return parseFloat(val).toFixed(2);//val.toFixed(2);
}
}
]],
onLoadSuccess: function (data) {
console.log(data);
if (data.rows.length > 0) {
var totalAmount = 0;
for (var i = 0; i < data.rows.length; i++) {
totalAmount += data.rows[i].TotalDeliveryPrice;
}
var totalCost = $("#labTotalCost").text();
if (!totalCost)
totalCost = 0;
$("#labTotalCost").text((parseFloat(totalCost) + totalAmount).toFixed(2));
}
}
});
if ($("#HidDNType").val() == "1") {
$('#grid').datagrid('showColumn', 'PlanQuantity');
$('#grid').datagrid('showColumn', 'TotalDeliveryPrice');
$('#grid').datagrid('hideColumn', 'ReturnQuantity');
$('#grid').datagrid('hideColumn', 'TotalReturnPrice');
}
else {
$('#grid').datagrid('hideColumn', 'PlanQuantity');
$('#grid').datagrid('hideColumn', 'TotalDeliveryPrice');
$('#grid').datagrid('showColumn', 'ReturnQuantity');
$('#grid').datagrid('showColumn', 'TotalReturnPrice');
}
}
<div id="print-area" class="simsun font-14pt">
<div style="overflow: auto; border: 0; height: 100%; margin: 5px;">
<div data-options="region:'center',border:false">
<div class="easyui-layout" data-options="fit:true, border:false" style="height: 2000px;">
<table width="890">
<tr>
<td colspan="2">
<table id="grid"></table>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
...全文
相关推荐
easyui datagrid 表格 打印
**临时HTML页面**:创建一个临时的HTML页面,将格式化的Datagrid数据复制到其中,然后调用浏览器的打印功能,这样可以避免浏览器默认样式的影响。4.
silverlight DataGrid 外置滚动条
这样,滚动条就会独立于DataGrid显示,用户可以通过滚动条来浏览DataGrid的内容。分页控件DataPager的使用则为大数据集的展示提供了便利。
WPF拖动DataGrid滚动条时内容混乱的解决方法
然而,在实际使用中,尤其是在处理大量数据或使用模板列时,可能会遇到一个常见的问题:当用户拖动滚动条时,DataGrid的内容显示出现混乱。
wpf datagrid 单元格颜色 根据datatable动态显示datagrid内容
本主题将深入探讨如何根据DataTable中的数据动态显示DataGrid的内容,并且根据特定条件改变单元格的颜色。首先,我们需要了解DataGrid的基本用法。
easyUI datagrid打印
在easyUI datagrid的打印功能中,主要涉及将数据表格转换成适合打印的HTML页面,然后在IE、Chrome和360等浏览器上进行操作。这个过程通常包括以下几个关键步骤:1. **页面准


