[FlexGrid] 横方向のスクロールパフォーマンス(新バージョン)
by Wijmo5_jp
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.grapecity.com/wijmo/5.20191.603/styles/wijmo.min.css">
<script src="https://cdn.grapecity.com/wijmo/5.20191.603/controls/wijmo.min.js"></script>
<script src="https://cdn.grapecity.com/wijmo/5.20191.603/controls/wijmo.grid.min.js"></script>
<script src="https://cdn.grapecity.com/wijmo/5.20191.603/controls/cultures/wijmo.culture.ja.min.js"></script>
<div class="container">
<h1>横方向のスクロールパフォーマンス(新バージョン)</h1>
<p>列数が多い場合の横方向のスクロールパフォーマンスが改善されました。</p>
<div id="flexGrid"></div>
</div>
CSS
#flexGrid {
width: 1000px;
height: 600px;
font-size: 11px;
}
JavaScript
var COLS = 200, ROWS = 200, data = [];
for (r = 0; r < ROWS; r++) {
var item = {};
for (c = 0; c < COLS; c++) {
item['c' + c] = '';
}
data.push(item);
}
var flexGrid = new wijmo.grid.FlexGrid('#flexGrid', {
itemsSource: data
});
flexGrid.columns.defaultSize = 40;