Ver en GitHub

Preguntas frecuentes de Bootstrap Table

Preguntas frecuentes.

Al redimensionar la ventana, el encabezado de la tabla no se ajusta automáticamente, ¿cómo solucionarlo?

Cuando estableces la height (altura) de la tabla bootstrap, se habilita automáticamente la característica de fixed header (encabezado fijo), eso es lo que causa el problema, necesitas escuchar el evento resize de la ventana y usar el método resetView para solucionar este problema, ejemplo de código:

$(function () {
  $('#tableId').bootstrapTable() // inicialización vía javascript

  $(window).resize(function () {
    $('#tableId').bootstrapTable('resetView')
  })
})

¿Cómo fusionar celdas mejor?

Para las celdas fusionadas, cuando realizas una actualización, pasas a la página siguiente o cambias las columnas para mostrar, las celdas fusionadas se separarán. Podemos escuchar los eventos (al cargar con éxito, al cambiar de columna, al cambiar de página y al buscar) para solucionar este problema, ejemplo de código:

$table.on('load-success.bs.table column-switch.bs.table page-change.bs.table search.bs.table', function () {
  $table.bootstrapTable('mergeCells', {...})
})

¿Está el parámetro de evento colocado en el orden incorrecto?

Cuando usas algo como esto:

$('#eventsTable').on('click-row.bs.table', function (event, row, $element) {

})

el primer parámetro es siempre event: https://live.bootstrap-table.com/code/wenzhixin/46

y usando el evento onClickRow:

onClickRow: function (row, $element) {

}

¿Cómo puedo apoyar el desarrollo de bootstrap-table?

¡Todas tus ideas y comentarios son muy apreciados! No dudes en abrir issues en GitHub o enviarme un correo electrónico.

También agradezco tus donaciones: https://opencollective.com/bootstrap-table.