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