Hola
yo uso estas librerías
dataTables.jqueryui.css
dataTables.jqueryui.js
jquery.dataTables.css
jquery.dataTables.js
y el código es
function funcionJS(repositorioid, activoid, empresaid) {
if (repositorioid != "") {
$("#vista-content").html("");
var tituloTramite = '<div class="divTituloTramite">Trámite</div>';
$("#vista-content").append(tituloTramite);
var tabla = new $('<table class="display" cellspacing="0" width="100%" id="vistalista" >' +
'<thead>' +
'<tr><th colspan="6" style="background-color: white;"></th></tr>'+
'<tr>' +
'<th ></th>' +
'<th >Nombre documento</th>' +
'<th ></th>' +
'</tr>' +
'</thead>' +
'</table>');
$("#vista-content").append(tabla);
table = $(tabla).DataTable({
"data": Lista//Es una lista de objetos que contiene las propiedades que necesito
"filter": false,
"bInfo": true,
"bStateSave": true,
"order": [[1, "desc"]],
"oLanguage": {
"sEmptyTable": "No se encontraron coincidencias",
"oPaginate": {
"sNext": "Siguiente",
"sPrevious": "Anterior"
},
"sLengthMenu": "Mostrar _MENU_ resultados",
"sInfo": "Se muestran _START_ a _END_ de _TOTAL_ registros",
"sInfoEmpty": "No hay registros"
},
"columns": [
{
"class": 'details-control parent',
"orderable": false,
"data": null,
"defaultContent": '',
"width": "20"
},
{
"data": "Tramite.Nombre",
"class": 'fontVistaLista parent'
},
{
//MENU HERRAMIENTAS
"class": 'herramientas-tramite-control parent',
"orderable": false,
"data": null,
"defaultContent": ''
}
],
"createdRow": function (row, data, index) {
//Aqui le estamos inyectando los atributos a los rows
$('td', row).attr('tramiteproyectoid', data.TramiteProyectoID);
$('td', row).attr('tramiteid', data.Tramite.TramiteID);
$('td', row).attr('proyectoid', repositorioid); //data.ProyectoID);
$('td', row).attr('estatusTramite', data.EstatusTramite);
$('td', row).attr('nombre', data.Tramite.Nombre);
$('td', row).eq(4).attr('title', 'Subir documento');
var estatustag = loadEstatusTramite(data.EstatusTramite);
$('input[name=estatusTramite]').attr('tramiteproyectoid', data.TramiteProyectoID);
$('input[name=estatusTramite]').attr('proyectoid', repositorioid);
$('input[name=estatusTramite]').attr('estatusTramiteAnt', data.EstatusTramite);
$('td', row).eq(3).css({'font-text':'11px'});
$('td', row).eq(3).html(estatustag);
$('td',row).eq(2).html(getAvanceTramite(data.Trami teProyectoID).toFixed(2)+'%');
}
});
$('#vistalista tbody').on('click', 'td.herramientas-tramite-control', function(e, o) {
//Aqui llenamos la variables o con los atributos de este row y lo hace cuando le damos click a la clase que se le agrego a la tabla
var empresa = $("#lblEmpresa").attr("empresaid");
var activo = $("#lblEmpresa").attr("activoid");
var proyecto = $(this).attr("proyectoid");
var tramiteproyecto = $(this).attr("tramiteproyectoid");
var nombre = $(this).attr("nombre");
});
}
espero te sirva saludos!!!