jQuery DataTables mostrar contenido HTML

Question

Tengo una tabla de datos jQuery en mi página, que utiliza el procesamiento del lado del servidor para recuperar los datos. En este caso, una de las columnas contiene contenido HTML, por lo que mis respuestas del servidor se ve así:

"aaData": [ [1, "aaa", "<span class="myclass">html here</span>" ], ... 

He probado con

"aoColumnDefs": [ "aTargets":[2], "sType": "html" } 

Pero todavía ver el contenido celular como si fuera normal cuerda. ¿Qué puedo hacer?

Answer 1

hizo una versión trabajar con

"aoColumnDefs": [ 
    { "aTargets": [2], 
     "sType": "html", 
     "fnRender": function(o, val) { 
      return $("<div/>").html(o.aData[2]).text(); 
     } 
    } 
] 

decodificación posterior del html con jQuery.

Answer 2

var renderAsHtml = function (data, type, full) { 
return decHTMLifEnc(data); 
}; 
var isEncHTML = function(str) { 
    if(str.search(/&/g) != -1 || str.search(/</g) != -1 || str.search(/>/g) != -1) 
     return true; 
    else 
     return false; 
}; 

var decHTMLifEnc = function(str){ 
    if(isEncHTML(str)) 
     return str.replace(/&amp;/g, '&').replace(/&lt;/g, '<').replace(/&gt;/g, '>'); 
    return str; 
} 

pase renderAsHtml como referencia de función a fnRender. Esta es también trabaja

Answer 3

Así es como me hacen etiquetas HTML en mis columnas DataTable:

ajax: "getData?userobjid=<%=session.getAttribute("userobjectid")%>&alpha=&selectsuppliersflag="+selectsuppliersflag, 
columns: [ 
      { data: null, render: function (data, type, row) { 
       if(data.storeFrontUrl == 'undefined' || data.storeFrontUrl==null){ 
         return "<label>"+data.companyName+"</label>"; 
         } 
         else{ 
         return "<a href='JavaScript:newPopup(\"directorylist/view/"+data.storeFrontUrl+"\");'>"+data.companyName+"</a>"; 
        } 
        }}, 

Answer 4

actualizo la respuesta de SamuGG, para la nueva versión de tabla de datos:

"aoColumnDefs": [ { 
        "aTargets": [ 5 ], 
        "mRender": function (data, type, full) { 
         return $("<div/>").html(data).text(); 
         } 
      } ]