我的列过滤器正在工作,我现在要做的是创建一个默认的过滤器,该过滤器将应用于表创建。
<table id="testTable"
data-side-pagination="server">
<thead>
<tr>
<th class="question" data-field="UserFullName" data-sortable="false" data-filter-control="select">Name: </th>
<th class="question" data-field="UserJobTitle" data-sortable="false" data-filter-control="select" data-filter-data="var:userJobTitles">JobTitle: </th>
</tr>
</thead>
<script>
var userJobTitles = {
Admin: 'Admin',
IT: 'IT',
General : 'General',
Security : 'Security',
CEO : 'CEO',
};
</script>
在此示例中,我想将“ IT职位”设为默认职位。 这似乎与解决方案bootstrap-table / How to add filter-control in table configuration接近,问题是我不想在JavaScript方面这样做。
答案 0 :(得分:0)
我认为此功能在Bootstrap表中是开箱即用的。请参阅:filterDefault column option documentation
无需为此编写JavaScript,您只需在与要过滤的列相对应的data-filter-default
元素上使用<th>
属性即可。因此,您的情况应该是:
<th class="question"
data-field="UserJobTitle"
data-sortable="false"
data-filter-control="select"
data-filter-data="var:userJobTitles"
data-filter-default="IT">JobTitle: </th>
重要:有必要使用data-filter-data
(请参阅:filterData column option documentation)的“密钥”。
希望这会有所帮助:)。