$(documento).ready(función() {
$('#example').dataTable({
"sScrollX": "100%", // ancho de la tabla
"sScrollXInner": "110%", //Ancho del contenido de la tabla
"bScrollCollapse": cierto, //Cuando los datos mostrados no son lo suficientemente grandes para soportar la altura predeterminada de la tabla, la barra de desplazamiento vertical sigue mostrándose. (El predeterminado es falso)
"bPaginate": cierto, //si se muestra la paginación
"bLengthChange": true, //Número de registros mostrados por página
"bFilter": true, /barra de búsqueda
"bSort": cierto, //si la función de ordenamiento está soportada
"bInfo": true, //Muestra información de la tabla
"bAutoWidth": falso, //Ancho adaptativo
"aaSorting": [[1, "asc"]], //Ordenar la lista, el primer parámetro representa el array (empezando desde 0). 1 indica la columna Navegador. El segundo parámetro es desc o asc
"Columnas de Área": [
nulo,
nulo,
{
"bVisible": verdadero, //invisible
"bSearchable": false, //participa en la búsqueda
},
nulo,
null
], // ajustes de columna, hay varias columnas en la tabla y varios elementos en el array
"bStateSave": cierto, //Guardar estado en cookie *************** es importante, cuando la página se actualiza durante la búsqueda, la búsqueda desaparecerá. Esta propiedad puede evitarse
"sPaginationType": "full_numbers", //pagination, dos estilos, full_numbers y two_button (por defecto)
"oLanguage": {
"sLengthMenu": "Mostrar registros _MENU_ por página",
"sZeroRecords": "Lo sentimos, no se pueden consultar datos relevantes",
"sInfo": "Actualmente mostrando _START_ a _END_ para registros _TOTAL_",
"sInfoEmtpy": "No se han encontrado datos",
"sInfoFiltered": "Un total de registros _MAX_ en la tabla de datos)",
"sProcessing": "Cargando...",
"sSearch": "search",
"sUrl": "", //Multilingüal configuration file, que permite poner la configuración de oLanguage en un archivo txt, por ejemplo, Javascrip{filter}t/datatable/dtCH.txt
"oPaginate": {
"sFirst": "primera página",
"Anterior": "Anterior",
"sNext": "Next",
"sLast": "Última página"
}
}, //Configuración multilingüe
"bJQueryUI": false, //Puedes añadir el tema de la interfaz de usuario de jqury requiere añadir CSS
"aLengthMenu": [[10, 25, 50, -1, 0], ["10 entradas por página", "25 entradas por página", "50 entradas por página", "mostrar todos los datos", "no mostrar datos"]] // Configurar el menú desplegable para mostrar registros por página
});
});
Llama directamente a los ajustes por defecto
$('#example').dataTable();
|
Publicado en 2/11/2015 16:47:09
|
|
|
|
