[FlexGrid] 複数行テキストの入力

by Wijmo5_jp

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/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>
<div id="flexGrid"></div>

JavaScript

var flexGrid = new wijmo.grid.FlexGrid('#flexGrid', {
  itemsSource: [
    {col1: '複数行の\nテキスト'},
    {col1: ''},
  ],
  columns: [
    {binding: 'col1', header: '複数行テキスト', width: 200, wordWrap: true, multiLine: true},
  ],
  cellEditEnded: function() {
    flexGrid.autoSizeRows();
  }
});
flexGrid.autoSizeRows();