Question

我的列过滤器正在工作，我现在要做的是创建一个默认的过滤器，该过滤器将应用于表创建。

<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方面这样做。

Answer 1

我认为此功能在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）的“密钥”。

希望这会有所帮助：）。

Bootstrap-Table在创建表时添加默认过滤器

1 个答案: