layout: docs title: Methods description: The Methods API of Bootstrap Table. group: api
The calling method syntax: $('#table').bootstrapTable('method', parameter).
Parameter: undefined
Detail:
Return the options object.
Parameter: options
Detail:
Refresh the table options.
Parameter: params
Detail:
Get the loaded data of table at the moment that this method is called
useCurrentPage: if set to true the method will return the data only in the current page.includeHiddenRows: if set to true the method will include the hidden rows.
Example: Get Data
Parameter: undefined
Detail:
Return selected rows, when no record selected, an empty array will return.
Parameter: undefined
Detail:
Return all selected rows contain search or filter, when no record selected, an empty array will return.
Parameter: data
Detail:
Load the data to table, the old rows will be removed.
Parameter: data
Detail:
Append the data to table.
Parameter: data
Detail:
Prepend the data to table.
Parameter: params
Detail:
Remove data from table, the params contain two properties:
field: the field name of remove rows.values: the array of values for rows which should be removed.
Example: Remove
Parameter: undefined
Detail:
Remove all data from table.
Parameter: params
Detail:
Insert a new row, the params contain following properties:
index: the row index to insert into.row: the row data.
Example: Insert Row
Parameter: params
Detail:
Update the specified row(s), each params contain following properties:
index: the row index to be updated.row: the new row data.replace (optional): set to true to replace the row instead of extending.
Example: Update Row
Parameter: id
Detail:
Get data from table, the row that contains the id passed by parameter.
Parameter: params
Detail:
Update the specified row(s), each params contain following properties:
id: a row id where the id should be the uniqueid field assigned to the table.row: the new row data.replace (optional): set to true to replace the row instead of extending.
Example: Update By Unique Id
Parameter: id
Detail:
Remove data from table, the row that contains the id passed by parameter.
Parameter: params
Detail:
Update one cell, the params contain following properties:
index: the row index.field: the field name.value: the new field value.To disable table re-initialization you can set {reinit: false}.
Parameter: params
Detail:
Update the cell specified by the id, each params contain following properties:
id: row id where the id should be the uniqueId field assigned to the table.field: field name of the cell to be updated.value: new value of the cell.
Example: Update Cell By Unique Id
Parameter: params
Detail:
Show the specified row. The params must contain at least one of the following properties:
index: the row index.uniqueId: the value of the uniqueId for that row.
Example: Show/Hide Row
Parameter: params
Detail:
Hide the specified row. The params must contain at least one of the following properties:
index: the row index.uniqueId: the value of the uniqueId for that row.
Example: Show/Hide Row
Parameter: show
Detail:
Get all rows hidden and if you pass the show parameter true the rows will be shown again, otherwise, the method only will return the rows hidden.
Parameter: field
Detail:
Show the specified field column.
The parameter can be a string or a array of fields.
Parameter: field
Detail:
Hide the specified field column.
The parameter can be a string or a array of fields.
Parameter: -
Detail:
Get visible columns.
Parameter: undefined
Detail:
Get hidden columns.
Parameter: undefined
Detail:
Show All the columns.
Parameter: undefined
Detail:
Hide All the columns.
Parameter: params
Detail:
Merge some cells to one cell, the params contain following properties:
index: the row index.field: the field name.rowspan: the rowspan count to be merged.colspan: the colspan count to be merged.
Example: Merge Cells
Parameter: undefined
Detail:
Check all current page rows.
Parameter: undefined
Detail:
Uncheck all current page rows.
Parameter: undefined
Detail:
Invert check of current page rows. Triggers onCheckSome and onUncheckSome events.
Parameter: index
Detail:
Check a row, the row index start with 0.
Parameter: index
Detail:
Uncheck a row, the row index start with 0.
Parameter: params
Detail:
Check a row by array of values, the params contain:
field: name of the field used to find records.values: array of values for rows to check.
Example: Check/Uncheck By
Parameter: params
Detail:
Uncheck a row by array of values, the params contain:
field: name of the field used to find records.values: array of values for rows to uncheck.
Example: Check/Uncheck By
Parameter: params
Detail:
Refresh/reload the remote server data, you can set {silent: true} to refresh the data silently, and set {url: newUrl, pageNumber: pageNumber, pageSize: pageSize} to change the url (optional), page number (optional) and page size (optional). To supply query params specific to this request, set {query: {foo: 'bar'}}.
Parameter: undefined
Detail:
Destroy the Bootstrap Table.
Parameter: params
Detail:
Reset the Bootstrap Table view, for example reset the table height, the params contain:
height: the height of the table.
Example: Reset View
Parameter: undefined
Detail:
Show loading status.
Parameter: undefined
Detail:
Hide loading status.
Parameter: undefined
Detail:
Toggle the pagination option.
Parameter: undefined
Detail:
Toggle fullscreen.
Parameter: undefined
Detail:
Toggle the card/table view.
Parameter: text
Detail:
Set the search text.
Parameter:
filter - An Object of filter
Default: {}options - An Object of options
Default:
{
'filterAlgorithm': 'and'
}
Detail:
(Can use only in client-side) Filter data in table. There are multiple ways to filter:
and filter.filterAlgorithm (see at parameter) to or to use the or filter.filterAlgorithm (see at parameter) to use a custom filter.Filter Algorithm
{age: 10} to show the data only age is equal to 10. You can also filter with an array of values, as in: {age: 10, hairColor: ['blue', 'red', 'green']} to find data where age is equal to 10 and hairColor is either blue, red, or green.{age: 10, name: "santa"} to show all Data which has a age of 10 or the name is equals to santa.Custom
true to keep the row and return false to filter the row.Example: Filter By
Parameter: value|object
Detail:
value position, the unit is 'px', set 'bottom' means scroll to the bottom.px or rows (index starts by 0))
Default: {unit: 'px', value: 0}Example: Scroll To
Parameter: undefined
Detail:
Get the current scroll position, the unit is 'px'.
Parameter: page
Detail:
Go to the a specified page.
Parameter: undefined
Detail:
Go to previous page.
Parameter: undefined
Detail:
Go to next page.
Parameter: index
Detail:
Toggle the row that has the index passed by parameter if the detail view option is set to true.
Parameter: index
Detail:
Expand the row that has the index passed by parameter if the detail view option is set to true.
Parameter: index
Detail:
Collapse the row that has the index passed by parameter if the detail view option is set to true.
Parameter: undefined
Detail:
Expand all rows if the detail view option is set to true.
Parameter: undefined
Detail:
Collapse all rows if the detail view option is set to true.
Parameter: params
Detail:
Update the field title of column, the params contain following properties:
field: the field name.title: the field title.
Example: Update Column Title
Parameter: formatName, text
Detail:
Update the localizations format text.