Saltar al contenido

Ocultar columnas en la tabla de arranque al inicio

Te doy la bienvenida a nuestro sitio web, aquí vas a encontrar la respuesta de lo que estabas buscando.

Solución:

Podrías hacer eso en tu js usando hideColumn dentro de la función ready:

$(function()
    var $table = $('#mytable');

    $table.bootstrapTable('hideColumn', 'type');
    $table.bootstrapTable('hideColumn', 'cutter');
    $table.bootstrapTable('hideColumn', 'valid_s');
);

Entonces, si quieres mostrarles, puedes usar:

$(function()
    var $table = $('#mytable');

    $table.bootstrapTable('showColumn', 'type');
    $table.bootstrapTable('showColumn', 'cutter');
    $table.bootstrapTable('showColumn', 'valid_s');
);

Espero que esto ayude.

Puedes usar data-visible=”false”Es fácil para ti.


    
        customer
        type
        description
        cutter
        valid
    

Ninguna de las respuestas anteriores funcionó para mí, porque eliminaron la columna del DOM, pero tuve que mantenerla en el DOM. Solo quería ocultar la columna.

Las siguientes soluciones funcionaron para mantener la columna oculta pero en el DOM:

Bootstrap-Table: ¿Cómo ocultar una columna sin eliminarla del DOM?

ex. utilizando el data-class attribute en el TH, y luego definiéndolo para que esté oculto:

Stars

.hidden
  display:none;
  visibility:hidden;

O otra opción es ocultar el TD/TH manualmente en jQuery después de Bootstrap-Table onPostBody().

Sección de Reseñas y Valoraciones

Eres capaz de amparar nuestra ocupación poniendo un comentario y dejando una puntuación te estamos eternamente agradecidos.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *