example - hacer los datos de la columna como hipervínculo(dataTable JQUERY)

datatables columns render example

Question

Estoy tratando de hacer una columna como hipervínculo con datatable pero sin éxito.

function successCallback (responseObj) {

 $(document).ready(function() {
$(''#example'').dataTable( {
"data":responseObj ,
"bDestroy": true,
"deferRender": true ,
"columns": [
{ "data": "infomation" },
{ "data": "weblink" },
]
} );
} );

}

Necesito el enlace para mostrar el enlace y ser un hipervínculo en esa columna para que los usuarios puedan hacer clic y ser redirigidos a otra página. Busqué en el render pero con menos información en los enlaces, no puedo lograrlo.

También miré en este example pero no fue muy útil.

Answer 1

Si desea agregar un enlace basado en otros datos de columnas, puede utilizar el siguiente enfoque.

$(''#example'').dataTable({
"data": responseObj,
"columns": [
{ "data": "information" },
{
"data": "weblink",
"render": function(data, type, row, meta){
if(type === ''display''){
data = ''<a href="'' + row.myid + ''">'' + data + ''</a>'';
}
return data;
}
}
]
});

Acabo de cambiar la función de render . data refieren solo a los datos de la columna actual, mientras que el objeto row refiere a la fila completa de datos. Por lo tanto, podemos usar esto para obtener cualquier otro dato para esa fila.

Answer 2

Use el método API columns.render para producir dinámicamente contenido para una celda.

$(''#example'').dataTable({
"data": responseObj,
"columns": [
{ "data": "information" },
{
"data": "weblink",
"render": function(data, type, row, meta){
if(type === ''display''){
data = ''<a href="'' + data + ''">'' + data + ''</a>'';
}
return data;
}
}
]
});

Vea este ejemplo para el código y la demostración.

Answer 3

 $(''#example'').dataTable( {
"columnDefs": [ {
"targets": 0,
"data": "download_link",
"render": function ( data, type, full, meta ) {
return ''<a href="''+data+''">Download</a>'';
}
} ]
} );

De la columns.render . Es bastante claro y directo para mí, ¿qué es lo que específicamente no entiendes? ¿Qué errores ves?

Para un ejemplo más completo, vea here