单元格 jquery-bootgrid 中的换行符答案

【问题标题】：Line break in cell jquery-bootgrid单元格 jquery-bootgrid 中的换行符
【发布时间】：2016-04-25 15:03:25
【问题描述】：

有一种方法可以使用 jquery-bootgrid 使单元格内的<br> 可见？因为<br>的渲染是不可见的。

【问题讨论】：

标签： jquery-bootgrid

【解决方案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;
      }
    }
  }
});

那么您在 Table 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>

【讨论】：

将数组发送到函数的哪里？在<td> 标签内？非常感谢您的回答
@JeremiasAraujo 您是否使用 Ajax 加载数据？我正在通过 Ajax 加载数据，并且数组在 Json 对象内
我做到了！不，我没有使用 Ajax。使用 PHP (laravel Blade) 加载数据。我在value.sort(); 之前添加了value = JSON.parse(value); 以将接收到的json 转换为js 数组。

【解决方案2】：

用那个方法有效吗？

是的@Dawood Awan！它对我有用

PHP：

<td>
    <?php
        $test = ['b', 'a', 'c'];
        echo json_encode($test);
    ?>
</td>

JS：

to: function(value) {
    value = JSON.parse(value); //convert received json to js array.
    value.sort();
    value = value.join("<br/>");
    return value;
}

【讨论】：