[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;