# Table Filter Control
Use Plugin: [bootstrap-table-filter-control](https://github.com/wenzhixin/bootstrap-table/tree/master/src/extensions/filter-control) </br>
Dependence if you use the datepicker option: [bootstrap-datepicker](https://github.com/eternicode/bootstrap-datepicker) v1.4.0
## Usage
```html
<link rel="stylesheet" type="text/css" href="extensions/filter-control/bootstrap-table-filter-control.css">
<script src="extensions/filter-control/bootstrap-table-filter-control.js"></script>
```
## Options
### filterControl
* type: Boolean
* description: Set true to add an `input` or `select` into the column.
* default: `false`
### filterShowClear
* type: Boolean
* description: Set true to add a button to clear all the controls added by this plugin.
* default: `false`
### alignmentSelectControlOptions
* type: String
* description: Set the alignemnt of the select control options. Use Use `left`, `right` or `auto`.
* default: `undefined`
### hideUnusedSelectOptions
* type: Boolean
* description: Set to true in order to hide the options that are not in the table. This option does not work on server-side pagination.
* default: `false`
### disableControlWhenSearch
* type: Boolean
* description: Set to true if you want to disable the control while the server is responding the data. This options will work if the sidePagination is 'server'.
* default: `false`
### searchOnEnterKey
* type: Boolean
* description: Set to true to fire the search action when the user press the enter key.
* default: `false`
## Column options
### filterControl
* type: String
* description: Set `input`: show an input control, `select`: show a select control, `datepicker`: show a datepicker control.
* default: `undefined`
### filterData
* type: String
* description: Set custom select filter values, use `var:variable` to load from a variable or `url:http://www.example.com/data.json` to load from a remote json file or `jso:{key:data}` to load from a json string.
* default: `undefined`
### filterDatepickerOptions
* type: Object
* description: If the datepicker option is set use this option to configure the datepicker with the native options. Use this way: `data-filter-datepicker-options='{"autoclose":true, "clearBtn": true, "todayHighlight": true}'`.
* default: `undefined`
### filterStrictSearch
* type: Boolean
* description: Set to true if you want to use the strict search mode.
* default: `false`
### filterStartsWithSearch
* type: Boolean
* description: Set to true if you want to use the starts with search mode.
* default: `false`
### filterControlPlaceholder
* type: String
* description: Set this in order to show a placeholder only in the input filter control.
* default: ``
### Icons
* clear: 'glyphicon-trash icon-clear'
## Locale
### formatClearFilters
* type: Function
* default: `function () { return "Clear Filters";}`
## Events
### onColumnSearch(column-search.bs.table)
* Fired when we are searching into the column data
## Methods
### triggerSearch
* Trigger manually the search action
没有合适的资源?快使用搜索试试~ 我知道了~
bootstraptable-reorder-columns表格拖拽排序列
共241个文件
js:139个
md:28个
json:27个
3星 · 超过75%的资源 需积分: 45 48 下载量 55 浏览量
2018-01-19
10:55:04
上传
评论
收藏 1.04MB ZIP 举报
温馨提示
bootstrap-table-reorder-columns表格拖拽排序列的一个插件
资源推荐
资源详情
资源评论
收起资源包目录
bootstraptable-reorder-columns表格拖拽排序列 (241个子文件)
bootstrap.css 143KB
bootstrap.min.css 119KB
jquery-ui.css 34KB
jquery-ui.min.css 29KB
bootstrap-theme.css 25KB
bootstrap-theme.min.css 24KB
bootstrap-table-group-by.css 24KB
bootstrap-responsive.css 22KB
jquery-ui.structure.css 18KB
bootstrap-responsive.min.css 16KB
jquery-ui.theme.css 16KB
jquery-ui.structure.min.css 14KB
jquery-ui.theme.min.css 13KB
bootstrap-datetimepicker.css 12KB
bootstrap-table.css 7KB
dragtable.css 1KB
bootstrap-table-reorder-rows.css 819B
bootstrap-table-tree-column.css 582B
bootstrap-table-sticky-header.css 416B
bootstrap-table-multiple-selection-row.css 306B
bootstrap-table-click-edit-row.css 287B
bootstrap-table-filter-control.css 190B
bootstrap-table-group-by.css 129B
bootstrap-table-auto-refresh.css 46B
glyphicons-halflings-regular.eot 20KB
index.html 31KB
test_reorder-columns.html 4KB
jquery-ui.js 460KB
jquery.js 267KB
jquery-ui.min.js 235KB
复制 bootstrap-table3.js 111KB
bootstrap-table3.js 111KB
bootstrap-table2.js 110KB
bootstrap-table.js 109KB
jquery.min.js 95KB
jquery-1.9.1.min.js 90KB
bootstrap.js 68KB
bootstrap-datetimepicker.min.js 38KB
bootstrap.min.js 36KB
tableExport.js 31KB
bootstrap-table-filter-control.js 28KB
colResizable-1.6.js 22KB
colResizable-1.5.source.js 19KB
jquery.tablednd.js 18KB
bootstrap-table-multiple-sort.js 17KB
jquery.dragtable.js 17KB
bootstrap-table-cookie.js 15KB
bootstrap-table-accent-neutralise.js 11KB
bootstrap-table-select2-filter.js 8KB
bootstrap-table-toolbar.js 8KB
bootstrap-table-group-by.js 8KB
bootstrap-table-print.js 7KB
bootstrap-table-group-by.js 7KB
bootstrap-table-export.js 7KB
bootstrap-table-reorder-columns.js 6KB
bootstrap-table-click-edit-row.js 5KB
bootstrap-table-editable.js 5KB
bootstrap-table-sticky-header.js 5KB
bootstrap-table-tree-column.js 5KB
bootstrap-table-multiple-selection-row.js 5KB
bootstrap-table-resizable.js 4KB
bootstrap-table-mobile.js 4KB
bootstrap-table-angular.js 4KB
bootstrap-table-toolbar.min.js 4KB
bootstrap-table-copy-rows.js 3KB
bootstrap-table-reorder-rows.js 3KB
bootstrap-table-flatJSON.js 3KB
bootstrap-table-multi-toggle.js 3KB
bootstrap-table-cookie.min.js 3KB
bootstrap-table-multiple-search.js 3KB
bootstrap-table-fr-FR.js 3KB
bootstrap-table-auto-refresh.js 3KB
bootstrap-table-key-events.js 3KB
bootstrap-table-uk-UA.js 2KB
bootstrap-table-ru-RU.js 2KB
bootstrap-table-filter.js 2KB
bootstrap-table-flat-json.js 2KB
custom.js 2KB
bootstrap-table-it-IT.js 2KB
bootstrap-table-nl-NL.js 2KB
bootstrap-table-ka-GE.js 2KB
bootstrap-table-export.min.js 2KB
bootstrap-table-uz-Latn-UZ.js 1KB
bootstrap-table-sk-SK.js 1KB
bootstrap-table-id-ID.js 1KB
bootstrap-table-en-US.js 1KB
bootstrap-table-zh-CN.js 1KB
bootstrap-table-editable.min.js 1KB
bootstrap-table-natural-sorting.js 1KB
bootstrap-table-ja-JP.js 1KB
bootstrap-table-fa-IR.js 1KB
bootstrap-table-hr-HR.js 1KB
bootstrap-table-cs-CZ.js 1KB
bootstrap-table-ca-ES.js 1KB
bootstrap-table-ms-MY.js 1KB
bootstrap-table-filter.min.js 1KB
bootstrap-table-th-TH.js 1KB
bootstrap-table-pt-PT.js 1KB
bootstrap-table-eu-EU.js 1KB
bootstrap-table-es-ES.js 1KB
共 241 条
- 1
- 2
- 3
资源评论
- yipinrfr2018-10-31可以用的,里面还有其他各种扩展插件,谢谢分享
- 冻梨邦主2018-06-20这个不是我想要的,白瞎积分了
qq_32087995
- 粉丝: 3
- 资源: 4
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功