jquery-bootgrid - セルjquery-bootgridの改行

Question

<br>jquery-bootgrid を使用してセル内を表示する方法はありますか? のレンダリングが表示さ<br>れないためです。

Answer 1

私が理解しているのは、データに次のような改行を追加したいということです。

機能列で配列を渡し、各アイテムを別の行に表示します<br>

このために、カスタム コンバーターを作成できます。

http://www.jquery-bootgrid.com/Documentation#converters

BootGrid テーブルの初期化時にコンバーターを作成できます。

var dt = $('#myTable').bootgrid({
  //.......... Other Options
  converters: {
    listDisplay: {
      from: function(value) {
        return value;
      },
      to: function(value) {

     // Here you can customise value - I have an Array which I join using <br>

        value.sort();
        value = value.join("<br/>");
        return value;
      }
    }
  }
});

次に、テーブル HTML で行う必要があるのは、列見出しにデータ型を設定することだけです

    <table  id="myTable">
      <thead>
        <tr>
          <th data-column-id="Id" data-visible="false" data-identifier="true" data-type="numeric">Id</th>

          <th data-column-id="SelectedFeaturesNames" data-type="listDisplay">Features</th>

<!-- Note the data-type on the Features <th> is listDisplay -->

        </tr>
      </thead>
      <tbody></tbody>
    </table>