• 0
  • 新人请关照

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

问题描述

用 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输入的文字会消失实际应该显示。

阅读 820
评论
    0 个回答
    撰写回答

    登录后参与交流、获取后续更新提醒

    相似问题
    推荐文章