Bootstrapのdatatables内におけるselectボックスにデータを挿入する場合について。

失礼します。
JqueryとBootstrap、Javaで開発しています。
今回datatables内にセレクトボックスを設置しているんですが、データの入れ方がうまくわかりません。
わかるかたいましたら、ぜひご教授お願いいたします。

追加 HTML部分のコードです。

<table id="kategoriTanka" class="table table-bordered table-hover table-striped center-all">
  <thead>
    <tr>
      <th style="width:25%; text-align:center;" >カラムA</th>
      <th style="width:25%; text-align:center;" >カラムB</th>
      <th style="width:50%; text-align:center;" >リストA</th>
    </tr>
  </thead>
</table>

データテーブル部分のコードです。
３つ目の行のLISTAの部分にセレクトボックスを表示してデータテーブルにデータを入れたいと思うんですが、データテーブル内の記述とデータの入れ方がよくわかっていません。
お手数をおかけしますが、よろしくお願いします。

      $('#tbl').on('processing.dt', function (e, settings, processing) {
          toggleBoxOverlay(processing);
        }).DataTable({
          lengthChange: false,
          displayLength: "All",
          sort: false,
          info: false,
          paging: false,
          responsive: true,
          ajax: {
            url: '/xxx/xxx',
            type: 'GET',
            data: function (param) {
              var ID = $('#ID').val();
              param['ID'] = ID;
              return param;
            }
          },
          columns: [
            {
              data: 'ColumnA',
              render: function (data, type, row, meta) {
              return "<input class='form-control' id='ColumnA' maxlength='50' type='text' value='" + nullToSpace(data) + "'>";
              },
            },
            {
              data: 'ColumnB',
              render: function (data, type, row, meta) {
              return "<input class='form-control' id='ColumnB' maxlength='50' type='text' value='" + nullToSpace(data) + "'>";
              },
            },
            {
              data: 'ListA',
              render: function (data, type, row, meta) {
              return "<select class='form-control' id='ListA'>"
                 + "</select>";
              },
            },
        ],
      });