61 votos

jquery datatables hide column

¿Hay alguna manera con el plugin jquery datatables de ocultar (y mostrar) una columna de la tabla?

Descubrí cómo recargar los datos de la tabla: usando fnClearTable y fnAddData .

Pero mi problema es que en una de mis vistas para la tabla (por ejemplo, un modo oculto) no quiero mostrar ciertas columnas.

56voto

Damb Puntos 6587

Puedes ocultar las columnas con este comando:

fnSetColumnVis( 1, false );

Donde el primer parámetro es el índice de la columna y el segundo parámetro es la visibilidad.

Vía: http://www.datatables.net/api - función fnSetColumnVis

54voto

ahaliav fox Puntos 737

si alguien vuelve a entrar aquí, esto funcionará para mí...

"aoColumnDefs": [{ "bVisible": false, "aTargets": [0] }]

25voto

Pankaj Patel Puntos 201

Se puede definir esto durante la inicialización de datos

"aoColumns": [{"bVisible": false},null,null,null]

16voto

DrewT Puntos 527

Para cualquiera que utilice el procesamiento del lado del servidor y pase los valores de la base de datos a jQuery usando una columna oculta, sugiero el parametro "sClass". Podrás usar la visualización css: ninguno para ocultar la columna y al mismo tiempo poder recuperar su valor.

css:

th.dpass, td.dpass {display: none;}

En las tablas de datos init:

"aoColumnDefs": [ { "sClass": "dpass", "aTargets": [ 0 ] } ] // first column in visible columns array gets class "dpass"

//Recuerda añadir tu clase oculta a tu celda de la cabeza también

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by:

X