Zeilenumbruch in Zelle jquery-bootgrid

Question

Es gibt eine Möglichkeit, eine <br> innerhalb einer Zelle mit jquery-bootgrid sichtbar machen? Weil das Rendern von <br> nicht sichtbar ist.

Answer 1

Was ich verstehe, ist, dass Sie einen Zeilenumbruch in Ihren Daten, so etwas wie dies hinzufügen mögen,

In der Spalte Funktionen, die ich ein Array bin vorbei und zeigt jedes Element in einem separaten mit <br>

diese Zeile für Sie einen benutzerdefinierten Konverter erstellen können,

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

können Sie den Konverter erstellen, wenn die BootGrid Tabelle

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

Dann alles, was Sie in der Tabelle HTML zu tun haben, initialisiert wird, um den Datentyp auf der Spalte

Did it Überschrift

<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

arbeiten mit dieser Methode?

Ja @Dawood Awan! Er arbeitete für mich

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