jquery - ejemplos - datatables responsive hide column

Prioridad de respuesta de DataTables

Question

Estoy usando este increíble complemento, pero he encontrado un problema al usar la prioridad de respuesta en las columnas.

Código:

var fillTable= function (data) {
var list = [
{ name: ''Name 123456789'', email: "[email protected]"},
{ name: ''Name 123456789_10'', email: "[email protected]"},
{ name: ''Name 123456789_11'', email: "[email protected]"},
{ name: ''Name 123456789_12'', email: "[email protected]"},
{ name: ''Name 123456789_13'', email: "[email protected]"}
];
var tableToFill= $(''#js-table'').DataTable({
responsive: true,
columnDefs: [
{ responsivePriority: 1, targets: 1 }
],
columns: [
{ data: "name", title: "Name" },
{ data: "email", title: "Email" }
],
language: localiseDataTable(),
order: [[0, ''desc'']]
});
tableToFill.clear();
tableToFill.rows.add(list);
tableToFill.draw(false);
tableToFill.columns.adjust().responsive.recalc();

}

¿Puede alguien explicarme por qué cuando reduzco la pantalla, el signo "Más" ya no aparece cuando uso: {responsivePriority: 1, targets: 1} . Esto hace que sea imposible ver el childRow y, por consiguiente, ver los datos de la primera columna en pantallas de baja resolución.

Gracias por adelantado

Answer 1

Esto tiene que ver con una limitación en el marco.

El ícono + y el efecto del botón se aplican a la primera columna, independientemente de si es visible o no.

{ responsivePriority: 1, targets: 1 }

A medida que el recuento de columnas comienza en 0, establece la segunda columna en la prioridad visual más alta.

Si desea que permanezca tanto la segunda columna como la prioridad, le sugiero que cree una tercera columna vacía que sea la primera columna.