3

He estado intentando quitar el filtro de ordenamiento que hace el dataTable por defecto en las columnas de la tabla y no he podido hasta el momento, sí alguien sabe, me ayudaría mucho!

Anexo el código que he intenta

var tableData = $('#table').DataTable( {
            scrollY: "400px",
            scrollX: true,
            scrollCollapse: true,
            paging: false,
            columnDefs:[{
                targets: "_all",
                searchable: false
            }],
            fixedColumns:   {
                leftColumns: 3
            }
        });

Adjunto captura de la tabla:

Visualización de la tabla

4
  • A cuales filtros te refieres?
    – alanfcm
    Commented el 30 ago. 2019 a las 15:29
  • El de la columnas, que es ordenar por columna
    – DaxTter77
    Commented el 30 ago. 2019 a las 15:31
  • Una cosa es el filtro de búsqueda y otro es el ordenamiento por columna, ¿A cuál de ellos te refieres?
    – farsSharp
    Commented el 30 ago. 2019 a las 15:33
  • El ordenamiento
    – DaxTter77
    Commented el 30 ago. 2019 a las 15:33

3 respuestas 3

3

La opcion que buscas es sortable:

var tableData = $('#table').DataTable( {
        scrollY: "400px",
        scrollX: true,
        scrollCollapse: true,
        paging: false,
        columnDefs:[{
            targets: "_all",
            sortable: false
        }],
        fixedColumns:   {
            leftColumns: 3
        }
    });
2
  • 2
    Me funcionó, muchas gracias
    – DaxTter77
    Commented el 30 ago. 2019 a las 15:35
  • 2
    DaxTter77, si te funcionó la solución propuesta, recuerda aceptar la respuesta. De esta manera los dos obtienen reputación y servirá de referencia para futuros visitantes.
    – DjCrazy
    Commented el 30 ago. 2019 a las 15:50
0

Define como falso la propiedad de ordering al inicializar la tabla.

var tableData = $('#table').DataTable( {
            scrollY: "400px",
            scrollX: true,
            scrollCollapse: true,
            ordering: false,
            paging: false,
            columnDefs:[{
                targets: "_all",
                searchable: false
            }],
            fixedColumns:   {
                leftColumns: 3
            }
        });
0

introducir la descripción de la imagen aquí

En mi caso deseada que se quitaran esas flechas , y la propiedad que le coloque fue ordering: false,

con el siguiente resultado introducir la descripción de la imagen aquí

CODIGO******

            let tabFunctionalitiesEnterpriseTarificador = 
            $('#example-table').DataTable
                    ({
            info: false,
            ordering: false,
            
            "lengthChange": false,
            "language": {
                "search": "Buscar información",
               
                "paginate": {
                    "first": "Primera",
                    "last": "Ultima",
                    "next": "Siguiente",
                    "previous": "Anterior"
                },
                "emptyTable": "Sin historial"
            },
            columnDefs: [
                {
                    orderable: false,
                    className: 'select-checkbox', //checked
                    targets: 0, // en la columna 0 el check
                    sortable: false

                }
            ],

            select: {
                style: 'single',
                selector: 'td:first-child'
            },
            order: [[2, 'asc']],  //columna 2 - ascendente 
            "pageLength": 5,

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.