Las propiedades de la columna están definidas en jQuery.fn.bootstrapTable.columnDefaults
.
Nombre | Atributo | Tipo | Valor por defecto | Descripción |
---|---|---|---|---|
radio | data-radio | Boolean | false | True para mostrar un radio. La columna con el radio tiene fijado el ancho. |
checkbox | data-checkbox | Boolean | false | True para mostrar un checkbox. La columna con el checkbox tiene fijado el ancho. |
field | data-field | String | undefined | El nombre del campo. |
title | data-title | String | undefined | El título de la columna. |
titleTooltip | data-title-tooltip | String | undefined | Texto del title tooltip de la columna. Esta opción soporta el tag title de HTML. |
class | class / data-class | String | undefined | La clase CSS de la columna. |
rowspan | rowspan / data-rowspan | Number | undefined | Indica cuantas filas debe tomar una celda. |
colspan | colspan / data-colspan | Number | undefined | indica cuantas columnas debe tomar una celda. |
align | data-align | String | undefined | Indica cómo se alinea la columna. Se puede usar 'left', 'right', 'center'. |
halign | data-halign | String | undefined | Indica cómo se alinea el encabezado de la tabla. Se puede usar 'left', 'right', 'center'. |
falign | data-falign | String | undefined | Indica cómo se alinea el footer. Se puede usar 'left', 'right', 'center'. |
valign | data-valign | String | undefined | Indica cómo se alinea el contenido de la celda. Se puede usar 'top', 'middle', 'bottom'. |
width | data-width | Number {Pixeles o Porcentaje} | undefined | Indica el ancho de la columna. Si no es definido, el ancho será auto. Tmabién puede agregar '%' a su número y la bootstrapTable usará la unidad de porcentaje, sino, puede agregar o no 'px' a su número para que bootstrapTable use pixeles. |
sortable | data-sortable | Boolean | false | True para permitir que la coluna sea ordenable. |
order | data-order | String | 'asc' | El valor por defecto para ordenar los datos, solo puede ser 'asc' o 'desc'. |
visible | data-visible | Boolean | true | False para ocultar el item de la columna. |
cardVisible | data-card-visible | Boolean | true | False para ocultar columnas en el modo card. |
switchable | data-switchable | Boolean | true | False para deshabilitar el switchable en el item de la columna. |
clickToSelect | data-click-to-select | Boolean | true | True para seleccionar un checkbox o radiobox cuando se le da click a la columna. |
formatter | data-formatter | Function | undefined | El contexto (this) es el objecto columna. La función de formateo de la celda, toma tres parámetros: value: el valor del campo. row: los datos de la fila. index: el indice de la fila. |
footerFormatter | data-footer-formatter | Function | undefined | El contexto (this) es el objecto columna. La función toma un parámetro: data: Array de todas las filas. La función debe retornar un string con el texto a mostrar en el footer. |
events | data-events | Object | undefined | Los eventos de la celda son escuchados cuando se usa la función formatter, toma tres parámetros: event: el evento de jQuery. value: el valor del campo. row: los datos de la fila. index: el indice de la fila. |
sorter | data-sorter | Function | undefined | La función sort es usada para hacer el ordenamiendo customizable, toma dos parámetros: a: el primer valor del campo. b: el segundo valor del campo. |
sortName | data-sort-name | String | undefined | Proporcionar una especie-nombre adaptable, no la clase-nombre por defecto en la cabecera, o el nombre del campo de la columna. Por ejemplo, una columna puede mostrar el valor de nombreCampo de "HTML" como "<b><span style="color:red">abc</span></b>", pero una nombreCampo para ordenar es el "contenido" con el valor de "abc". |
cellStyle | data-cell-style | Function | undefined | La función formatter para el estilo de la celda, toma tres parámetros: value: el valor del campo. row: los datos de la fila. index: el indice de la fila. Soporta clases o CSS. |
searchable | data-searchable | Boolean | true | True para incluir la columna en la búsqueda. |
searchFormatter | data-search-formatter | Boolean | true | True to search use formated data. |