单元格jquery-bootgrid中的换行符

时间:2016-04-25 15:03:25

标签: jquery-bootgrid

有一种方法可以使用jquery-bootgrid在单元格中显示<br>吗?因为<br>的渲染不可见。

2 个答案:

答案 0 :(得分:2)

据我所知,您希望在数据中添加换行符,例如

enter image description here

在功能列中,我传递一个数组,并使用for i, ifoo in enumerate(foo):

在单独的行中显示每个项目

为此,您可以创建自定义转换器

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

初始化BootGrid表时可以创建转换器

<br>

然后,您在表格HTML中所要做的就是在列标题

上设置数据类型
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;
      }
    }
  }
});

答案 1 :(得分:0)

  

使用该方法有效吗?

是的@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;
}