1

Tengo una tabla como la siguiente, estoy utilizando la extensión de jQuery DataTables.

Datatables

Intento hacerla responsive, es decir en primera instancia en pantalla completa se deberia ver todas las columnas, ahora a medida que se valla reduciendo el tamaño de mi tabla deseo que siempre se muestren las columnas que he marcado en la imagen (ID,Título y Acciones), las demás pueden estar ocultas.

He intentado lo siguiente: (Configuración de mi tabla)

   <script>
        $('#datatable').DataTable({
          
            responsive: {
            details: {
                type: 'column',
                targets: -1,
            }
            },
            columnDefs: [ {
                className: 'control',
                orderable: false,              
                targets:   -1,
            } ],                
          
            ...
            ...
  <script>

Con esto en pantalla completa no me aparece la columna acciones. Por favor alguien que me ayude, para que mi tabla sea responsiva en todos lo tamaños y poder mostrar las columnas indicadas en la imagen (ID,Título y Acciones).

1 respuesta 1

2

Debes utilizar el atributo responsivePriority en las definiciones de columnas, así:

    $('#tabla').DataTable( {
        responsive: true,
        columnDefs: [
            { responsivePriority: 1, targets: 0 },
            { responsivePriority: 10001, targets: 4 },
            { responsivePriority: 2, targets: -2 }
        ]
    } );
1
  • Gracias por tu comentario fue mi solucion Commented el 13 sept. 2020 a las 15:31

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.