Wijmo MultiRow 結合セルのコピー動作の改善

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.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.multirow.min.js"></script>
<div class="container-fluid">
  <div id="multiRow"></div>
</div>

CSS

body {
  margin: 50px 0;
}

JavaScript

document.readyState === 'complete' ? init() : window.onload = init;
function init() {
  var data = [
    { No: 1, 分類名: '飲料', 商品名: 'コーヒーマイルド', 顧客名: '小料理なんごく', 受注日: new Date('2020/1/1'), 数量: 10, 金額: 1000 },
    { No: 2, 分類名: '飲料', 商品名: 'コーヒーミルク', 顧客名: '小料理なんごく', 受注日: new Date('2020/1/2'), 数量: 20, 金額: 2000 }
  ];
  var multiRow = new wijmo.grid.multirow.MultiRow('#multiRow', {
    itemsSource: data,
    layoutDefinition: [
      {
        colspan: 2, cells: [
          { binding: '商品名', colspan: 2 },
          { binding: '分類名' },
          { binding: '顧客名' },
        ]
      },
      {
        colspan: 2, cells: [
          { binding: '受注日', colspan: 2 },
          { binding: '数量' },
          { binding: '金額', format: 'c' }
        ]
      }
    ]
  });
}