How to custom print the multiple cell range in Spreadsheet

<script type="text/javascript" src="ej.web.all.min.js"></script>
<script src="Custom-print-extension.min.js" type="text/javascript"></script>
 
<input type="button" onclick="customPrintFunc()" value="Click here to Print" />
<div id="Spreadsheet"></div>

var defaultData = [{ "Name": "VINET", "Average": 90, "Grade": "S" }, { "Name": "TOMSP", "Average": 83, "Grade": "A" }, { "Name": "HANAR", "Average": 80, "Grade": "A" }, { "Name": "VICTE", "Average": 93, "Grade": "S" }];
 
$("#Spreadsheet").ejSpreadsheet({
    sheets: [{
        dataSource: defaultData
    }],
    loadComplete: "loadComplete"
});

@(Html.EJ().Spreadsheet<object>("Spreadsheet")
    .Sheets(sheets =>
    {
        <!-- you can define the datasource at server side -->
        sheets.Datasource((IEnumerable)ViewBag.DataSource).Add();
    })
    .ClientSideEvents(
        events => events.LoadComplete("loadComplete")
    )
)

<ej:Spreadsheet ID="Spreadsheet" runat="server">
    <Sheets>
        <ej:Sheet></ej:Sheet><!-- you can define datasource at server side -->
    </Sheets>
    <ClientSideEvents LoadComplete="loadComplete" />
</ej:Spreadsheet>

function loadComplete(args) {
    //Here extend the ejSpreadsheet.Extension
    $.extend(this, ej.spreadsheetFeatures.extension);
 
    if (!this.isImport) {
        this.setWidthToColumns([{ colIndex: 0, width: 90 }, { colIndex: 1, width: 85 }, { colIndex: 2, width: 100 }, { colIndex: 11, width: 70 }]);
        this.XLChart.createChart("A1:B6", { type: "column", enable3D: false, marker: false, top: 40, left: 260, width: 340, height: 250 });
    }
}
 
function customPrintFunc() {
    var ssObj = $("#Spreadsheet").data("ejSpreadsheet");
 
    //If passed the chart date range, it'll will print chart after its cell data
    ssObj.customPrintSelection(["A1:C10", "A10:C13"]); //Here pass the cells ranges that you want to print.
}