[FlexGrid] 行と列の入れ替え

by Wijmo5_jp

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://demo.grapecity.com/wijmo/sample/scripts/sample.js"></script>
<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/cultures/wijmo.culture.ja.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.grid.transposed.min.js"></script>
<div class="container">

  <h4>行と列を入れ替えたグリッド</h4>
  <div id="transposedGrid"></div>
  <h4>通常のグリッド</h4>
  <div id="flexGrid"></div>

</div>

CSS

body {
  margin: 50px 0;
}

JavaScript

var data = sample.orders(10);
var transposedGrid = new wijmo.grid.transposed.TransposedGrid('#transposedGrid', {
  itemsSource: data
});
var flexGrid = new wijmo.grid.FlexGrid('#flexGrid', {
  itemsSource: data
});