jquery-plugins - español - datatables jquery ejemplos



¿Cómo eliminar la opción de clasificación de DataTables? (5)

En la nueva versión 1.10 de jQuery DataTables debe usar la opción de ordering para deshabilitar el orden en toda la tabla:

$('#example').DataTable({
    "ordering": false
});

Estoy usando el complemento DataTables . No quiero usar la opción de clasificación (para ordenar las columnas en orden ASC o DESC) que viene por defecto en cada <thead> . ¿Cómo puedo eliminar ese icono de clasificación?


Answer #1

Hay 2 cosas que puedo pensar que puedes probar.

Primero, intente configurar "bSort" en falso. Tenga en cuenta que esto desactivará la clasificación por completo, por lo que no es necesario deshabilitarla en columnas individuales.

$('#jTable').dataTable({ "bSort" : false } );

Segundo, intente configurar aaSorting para vaciar. Tenga en cuenta que esto sería bueno intentarlo si aún desea permitir que otras columnas se puedan ordenar.

$('#jTable').dataTable({ "aaSorting" : [[]] });

Háganos saber si alguno de los dos funciona para usted. Espero eso ayude,

Kashif Solangi


Answer #2

Puede configurarlo por bSortable a false en aocolumn como:

$('#example').dataTable({
 "aoColumns": [
                                 { "sType": "html","bSortable": false, "bSearchable": false },
                                 { "sType": "html" },
                                 { "sType": "html", "bSortable": false, "bSearchable": false },
                                 { "sType": "html" },
                                 { "sType": "html","bSortable": false, "bSearchable": false },
                                 { "sType": "html" },
                                 { "sType": "html" },
                                 { "sType": "html" },
                                 { "sType": "date-euro" }
                                 ]

                            });

También puede excluir de la búsqueda por establecer bSearchable a false


Answer #3

Puede, por ejemplo, establecer style="display:none;" al elemento de flecha. Puede configurarlo programáticamente usando JavaScript o puede usar la clase CSS. En primer lugar, debe examinar el código HTML (el elemento de flecha) utilizando alguna consola de desarrollador como FireBug.


Answer #4

Usando el atributo aoColumns , ordenar una columna específica se puede controlar fácilmente. Un ejemplo se da a continuación:

$(document).ready(function() {
oTable = jQuery('#DataTables_Table_0').dataTable( {           
            "bDestroy": true,
            "bAutoWidth": true,  
            "bFilter": true,
            "bSort": true, 
            "aaSorting": [[0]],         
            "aoColumns": [
                { "bSortable": false },
                { "bSortable": true },
                { "bSortable": true },
                { "bSortable": true },
                { "bSortable": true },
                { "bSortable": true },
                { "bSortable": false }
            ]   
        } );
 })




datatables