data-height and data-filter-control not working together
See original GitHub issue<table
id="table"
data-filter-control="true"
data-show-search-clear-button="false"
data-search="true"
data-height="460"
data-toolbar="#toolbar"
>
<thead>
<tr>
<th data-field="state" data-checkbox="false"></th>
<th scope="col">Sno.</th>
<th data-filter-control="input" id="th1" data-field="id" scope="col">Employee ID</th>
<th data-filter-control="input" data-field="first_name" scope="col">First Name</th>
<th data-filter-control="input" data-field="last_name" scope="col">Last Name</th>
<th data-filter-control="input" data-field="DOB" scope="col">Date of birth</th>
<th data-filter-control="input" data-field="joining_date" scope="col">Joining date</th>
<th data-filter-control="input" data-field="experience" scope="col">Experience</th>
</tr>
</thead>
</table>
The generated table does not show filter input boxes when we add data-height attribute filters are working fine without data height
Issue Analytics
- State:
- Created 3 years ago
- Reactions:2
- Comments:8 (1 by maintainers)
Top Results From Across the Web
bootstrap table: filter control not working - Stack Overflow
In my case, filter-control was not working due to data-height. I removed data-height and it worked. Share. Share a link to this answer....
Read more >Table Filter Control - Bootstrap Table
Attribute: data-filter-control-multiple-search-delimiter. type: String. Detail: ... Return true to not filter out the current column/row.
Read more >Bootstrap Table - JSFiddle - Code Playground
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Duplicate of #4869
@yogendramaarisetty we are working on that issue. @wenzhixin @djhvscf currently i cant figure out that issue… But i found out that the createControls function (https://github.com/wenzhixin/bootstrap-table/blob/b3b2967a2ac06dadf732109dae5dfa68160ae38b/src/extensions/filter-control/bootstrap-table-filter-control.js#L295) will be executed to late (so no controls can be created). After that the header will be copied (https://github.com/wenzhixin/bootstrap-table/blob/develop/src/bootstrap-table.js#L1814). Im not sure what happens there ;o