Return null to skip the custom search for the current value. Return true to not filter out the current column/row. Return false to filter out the current column/row. value: the the value of the column to compare. When viewing on anything larger than 768px wide, there is no difference: Example
.
The table will then scroll horizontally on small devices (under 768px). The custom search function is executed instead of built-in search function, takes four parameters: table-responsive class creates a responsive table. Set this in order to show a placeholder only in the input filter control. Set input: show an input control, select: show a select control, datepicker: show a html5 datepicker control.Īttribute: data-filter-control-placeholder Set to true to sort the option elements of the select control. Set to true to show the filter control switch button. Set to true to fire the search action when the user press the enter key.Īttribute: data-show-filter-control-switch The values will be splitted by a delimiter, see option filterControlMultipleSearchDelimiter.Īttribute: data-filter-control-multiple-search-delimiterĭefines the delimiter which will be used to split the search values in the option filterControlMultipleSearchDelimiter. Set to true to allow searching multiple values at once. labels which are comma separated and displayed with a formatter.Īttribute: data-filter-control-multiple-search table to any , then extend with our optional modifier classes or custom styles. #filter to allow custom input filter in a element with the id filter.Įach filter element (input or select) must have the following class bootstrap-table-filter-control- ( must be replaced with the defined () name).Ĭollect data which will added to the select filter, to filter through e.g. Responsive tables Always responsive Breakpoint specific CSS Sass variables Sass loops Customizing Overview Due to the widespread use of elements across third-party widgets like calendars and date pickers, Bootstrap’s tables are opt-in.![]() Set the alignment of the select control options. Set to false to hide the filter controls.Īttribute: data-alignment-select-control-options Set to true to add an input or select into the column.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |