jquery - propiedades - Botón Restablecer en el modo del lado del servidor de DataTables para mostrar los datos de la tabla original

reinitialize datatable

Question

Tengo DataTables 1.10.15 configurado en el modo de servidor.

La secuencia de comandos ajax para generar los datos de la tabla se activa cuando se completan varias entradas utilizando el keyup de jquery y los métodos de change .

Quiero implementar un botón para restablecer la tabla a su original (la primera vez que se carga la página, antes de cualquier búsqueda / clasificación).

Así que implementé esto, lo que significa que cuando se hace clic en un botón ( #resetSearch ) borra todos los campos de entrada de búsqueda y luego vuelve a dibujar la tabla:

$(''#resetSearch'').click(function(){
$('':input'',''#primarySearch'')
.not('':button, :submit, :reset, :hidden'')
.val('''')
.removeAttr(''checked'')
.removeAttr(''selected'');
myTable.draw();
});

La variable myTable es una referencia a DataTables:

var myTable = $(''#myTable'').DataTable({ });

El problema es que, aunque borra todas mis entradas de búsqueda, no restablece las entradas de sort y order que están dentro de la tabla. Por lo tanto, si hiciera una ordenación que descendiera en la columna 2 y luego presionara #resetSearch , dará todos los resultados en orden descendente en la columna 2, porque no hay código allí para restablecerla a la columna ascendente 0.

No entiendo cómo orientar las entradas de sort u order poder sobrescribirlas y hacer que esto funcione.

Por favor alguien puede ayudar?

Answer 1

Datatables ya tiene un controlador para la clase / selector ''.filter-cancel'' para su problema.

Coloque el botón o enlace con la clase ''filtro-cancelar'' dentro de su tabla (por ejemplo) y pruebe haciendo clic en ella. Recargará sus datos por defecto y restablecerá todos los filtros.