PDF cell blank space

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.input.min.js"></script>
<script src="https://cdn.grapecity.com/wijmo/5.latest/controls/wijmo.grid.filter.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>
<div class="container">
    <h1>
         Export PDF dynamic font + Word Wrap (5.20203.748)
    </h1>
    <button id="btnCreateDoc" disabled class="btn btn-default">
        Export PDF
    </button>
    <div id="theGrid"></div>
</div>

CSS

@font-face {
  font-family: ipaexg;
  src: url('https://demo.grapecity.com/wijmo/sample/fonts/ipaexg.ttf');
}

.custom-word-wrap {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.wj-flexgrid .wj-cell{
  line-height: normal;
  
}

.wj-cell {
  font-family: ipaexg;
}

JavaScript

onload = function () {
	document.fonts.ready.then(() =>{
		if(document.fonts.check('14px ipaexg')) {
			document.getElementById('btnCreateDoc').disabled = false;
		}
	})
    // create some random data
    var countries = 'abcdabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcde,あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえ,1234564665465454'.split(',');
    var data = [];
    for (var i = 0; i < 10; i++) {
        data.push({
            id: i,
            country: countries[i % countries.length],
            sales: Math.random() * 10000,
            expenses: Math.random() * 5000
        });
    }

    // show the data in a grid
    var theGrid = new wijmo.grid.FlexGrid('#theGrid', {
        autoGenerateColumns: false,
        autoRowHeights: true,
        columns: [
            { binding: 'id', header: 'ID', width: 60, wordWrap: true, cssClass: 'custom-word-wrap' },
            { binding: 'country', header: 'Country', width: 150, wordWrap: true, cssClass: 'custom-word-wrap' }
        ],
        itemsSource: data
    });


    // set row height
    /* theGrid.rows.defaultSize = 345; */

    // add a filter to show that it works while exporting
    var f = new wijmo.grid.filter.FlexGridFilter(theGrid);

    var exportSettings =
    {
        maxPages: 10,
        scaleMode: wijmo.grid.pdf.ScaleMode.PageWidth,
        customCellContent: true,
        documentOptions: {
            compress: true,
            header: { declarative: { text: '\t&[Page] of &[Pages]' } },
            footer: {...