¿Cómo insertar un hipervínculo o botón en el control de formulario dataTable de jquery?

La inicialización de jquery.datatable se puede definir en la columna o en el método de representación columnDefs, y puede devolver una estructura de celda de tabla personalizada.

Ejemplo (inicialización de JavaScript de la fuente de datos): lt;! DOCTYPE ?htmlgt;

lt;html?lang="es"gt;

lt;headgt;

lt;meta?charset= " UTF-8"gt;

lt;meta?name="author"?content="sleest"gt;

lt;meta?name="description"?content= " tabla de datos?ejemplo?con?columna?render,?2017/08/04"gt;

lt;titlegt;Documento lt;/titlegt;

lt;link?rel= " hoja de estilo"?href="/datatables/1.10.15/css/jquery.dataTables.min.css"gt;

lt;/headgt;

lt;bodygt;

lt; p>

lt;table?id="ejemplo"?class="display"?width="100"gt;lt;/tablegt;

lt; script?src="/jquery/ 3.2.1/ jquery.min.js"gt;lt;/scriptgt;

lt;script?src="/datatables/1.10.15/js/jquery. dataTables.min.js"gt; lt;/scriptgt;

lt;script? lt;scriptgt;

(función($)?{

var ?dataSet?=?[

["Tiger?Nixon",?"System?Architect",?"Edinburgh"],

["Garrett?Winters",? "Contable",?"Tokyo"],

["Ashton?Cox",?"Escritor técnico junior","San Francisco"],

["Cedric?Kelly" ,"Desarrollador senior de Javascript","London" ]

];

$(function()?{

$('#example').DataTable ({

datos:?dataSet,

columnas:?[

{?title:?Name",?sortable:?false,?render:? función(datos,?tipo,?fila) ?{?return?'lt;a?href="###"gt;'? ?datos ?'lt;/agt;';?｝?}

{?Posición",? sortable:?false?},

{?title:?"Oficina",?"Sortable:?false?},

]

}) ;

});

})(jQuery);

lt;/scriptgt;

lt;/bodygt;

lt;/htmlgt;

Resultados:

Específicamente, puede consultar la API oficial:

/examples/advanced_init/column_render.html