Demo - Frozen Rows and Columns
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.grapecity.com/wijmo/5.latest/styles/wijmo.min.css">
<script src="https://cdn.grapecity.com/wijmo/5.latest/controls/wijmo.min.js"></script>
<script src="https://cdn.grapecity.com/wijmo/5.latest/controls/wijmo.grid.min.js"></script>
<script src="https://cdn.grapecity.com/wijmo/5.latest/controls/wijmo.pdf.min.js"></script>
<script src="https://cdn.grapecity.com/wijmo/5.latest/controls/wijmo.grid.pdf.min.js"></script>
<h3>
SAMPLE OUTPUT PDF
</h3>
<div class="container">
<button id="export" class="btn btn-default">
Export to PDF
</button>
</div>
JavaScript
onload = function () {
document.getElementById("export").addEventListener("click", e => {
var d = new Date;
var dformat = [
d.getFullYear(),
d.getMonth() + 1,
d.getDate()].join('/') + ' ' + [d.getHours(), d.getMinutes(), d.getSeconds()].join(':');
var pdf = wijmo.pdf;
var gridPdf = wijmo.grid.pdf;
let doc = new pdf.PdfDocument({
header: {
declarative: {
text: '\t\t' + dformat
}
},
footer: {
declarative: {
text: '\t&[Page]\\&[Pages]'
}
},
ended: (sender, args) => pdf.saveBlob(args.blob, 'Sample.pdf')
});
//
let settings = {
styles: {
cellStyle: {
backgroundColor: '#ffffff',
borderColor: '#c6c6c6'
},
altCellStyle: {
backgroundColor: '#f9f9f9'
},
groupCellStyle: {
backgroundColor: '#dddddd'
},
headerCellStyle: {
backgroundColor: '#eaeaea'
}
}
};
//doc.registerFont({
// source: "../lib/fonts/MeiryoUI-03.ttf",
// name: "MeiryoUI-03",
// style: "normal",
// weight: "normal",
// sansSerif: true
//});
doc.drawText('[信息类型] [查询条件] [情報種別] [検索条件] [Information type] [Search condition]', null, null);
// gridPdf.FlexGridPdfConverter.draw(theGrid, doc, 200, null, settings);
doc.end();
});
}