单元格jquery-bootgrid中的换行符

Question

有一种方法可以使用jquery-bootgrid在单元格内显示<br>？因为<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> 

Answer 2

当初帮着你可以创建转换器使用该方法工作？

是@达伍德阿旺！它的工作对我来说

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; 
}