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

[roselu]

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>

[fighting_1982]

去掉滚动条的方法：打开jquery.easyui.min.js文件，找到wrap.width();所在位置，改为wrap.width()+20;即可，或者通过修改css来完成，找到： class="panel datagrid easyui-fluid" class="datagrid-wrap panel-body panel-body-noheader"，将width属性减20，此时滚动条已经不显示了，但最好再修改下面class的样式： class="datagrid-view" class="datagrid-view2" class="datagrid-header" class="datagrid-body" class="datagrid-footer" 将width属性减20。 --------------------- 作者：我是IT小菜鸟 来源：CSDN 原文：https://blog.csdn.net/qq_25816185/article/details/57903841 版权声明：本文为博主原创文章，转载请附上博文链接！