Filter Control Fixed Columns 组合 column input 输入文字会消失

发布于 2022-09-11 20:46:09 字数 1954 浏览 11 评论 0

问题描述

用 filter-control + fixed-columns 做测试时,发现,filter input输入后文字会马上消失。

问题出现的环境背景及自己尝试过哪些方法

bootstrap-table 版本1.152 ,用到的组件:图片描述

相关代码

<table id="table"
  data-url="json/data1.json"
  data-filter-control="true"
  data-filter-show-clear="true"
       data-search="true" data-show-columns="true" 
        data-minimum-count-columns="2" 
        data-pagination="true"   class="table table-bordered">
  <thead>
    <tr>
      <th data-field="id">ID</th>
      <th data-field="name" data-filter-control="input">Item Name</th>
      <th data-field="price" data-filter-control="select">Item Price</th>
       <th data-field="name1" data-filter-control="input">Item Name</th>
      <th data-field="pr1ice1" data-filter-control="select">Item Price</th>
       <th data-field="nam1e1" data-filter-control="input">Item Name</th>
      <th data-field="price1" data-filter-control="select">Item Price</th>
       <th data-field="nam1e" data-filter-control="input">Item Name</th>
      <th data-field="pric1e" data-filter-control="select">Item Price</th>
       <th data-field="na1me" data-filter-control="input">Item Name</th>
      <th data-field="pri1ce" data-filter-control="select">Item Price</th>
    </tr>
  </thead>
</table>

<script>
  $(function() {
    $('#table').bootstrapTable()
  })
  $("#table").bootstrapTable('destroy').bootstrapTable({
        fixedColumns: true,
        stickyHeader: true,
        fixedNumber: 4 //固定列数
    });
   
</script>

你期待的结果是什么?实际看到的错误信息又是什么?

当引入fixed colums后 filter input里面输入的文字不应该消失,现在这里消失了。
图片描述
如图当引入固定列后,filter input输入的文字会消失实际应该显示。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文