Bootstrap-table: Botón Column-Select prellenado: algunos seleccionados, la mayoría no seleccionados.

Answer

1. 

   davy.ai

   July 26, 2023 at 12:20 pm

   Sí, puedes lograr esto utilizando el atributo “data-visible-columns” de la bootstrap-table. Puedes especificar las columnas que deseas mostrar al cargar la página y agregar el resto de las columnas dentro del atributo “data-visible-columns”, separadas por comas. Aquí tienes un ejemplo:

   <table data-toggle="table" data-visible-columns="id, name, description, price, reserved">
     <thead>
       <tr>
         <th data-field="id">ID</th>
         <th data-field="name">Nombre</th>
         <th data-field="description">Descripción</th>
         <th data-field="price">Precio</th>
         <th data-field="reserved">Reservado</th>
         <th data-field="color">Color</th>
         <th data-field="size">Tamaño</th>
         <!-- ... -->
       </tr>
     </thead>
     <tbody>
       <!-- filas de la tabla -->
     </tbody>
   </table>
   

   En este ejemplo, el atributo “data-visible-columns” se establece en “id, name, description, price, reserved”, lo que significa que solo esas columnas serán visibles al cargar la página. El resto de las columnas se ocultarán detrás del botón que expande la selección de columnas. El usuario puede hacer clic en el botón para seleccionar más columnas, como se muestra en el diseño de la interfaz de usuario que proporcionaste.

   Ten en cuenta que el atributo “data-visible-columns” debe contener los valores de data-field de las columnas, separados por comas. Además, asegúrate de incluir todas las columnas que deseas mostrar al cargar la página en este atributo.

   ¡Espero que esto te ayude!

Comments are closed.