Bismarck

Bismarck 查看完整档案

填写现居城市  |  填写毕业院校  |  填写所在公司/组织填写个人主网站
编辑
_ | |__ _ _ __ _ | '_ \| | | |/ _` | | |_) | |_| | (_| | |_.__/ \__,_|\__, | |___/ 该用户太懒什么也没留下

个人动态

Bismarck 提出了问题 · 2019-06-29

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

关注 1 回答 0

Bismarck 提出了问题 · 2019-06-29

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

关注 1 回答 0

Bismarck 关注了标签 · 2019-06-29

bootstrap-table

简介

基于 Bootstrap 的 jQuery 表格插件,通过简单的设置,就可以拥有强大的单选、多选、排序、分页,以及编辑、导出、过滤(扩展)等等的功能。

链接

关注 149

Bismarck 关注了专栏 · 2019-06-29

半路出家老菜鸟

一个年近三十,半路出家,搬砖糊口,又做着春秋大梦的老菜鸟的小小日记。

关注 2734

Bismarck 关注了专栏 · 2019-06-29

疯狂的技术宅

本专栏文章首发于公众号:前端先锋 。

关注 24309

Bismarck 关注了专栏 · 2019-06-29

终身学习者

我要先坚持分享20年,大家来一起见证吧。

关注 40749

Bismarck 关注了专栏 · 2019-06-29

码力全开

尽我所能为大家带来有用的东西~ 欢迎关注公众号:「码力全开」

关注 3775

Bismarck 关注了用户 · 2019-06-29

hfhan @hfhan

砥砺前行

关注 19557

Bismarck 关注了专栏 · 2019-06-29

腾讯新闻前端团队

TNFE 腾讯新闻前端团队,专业的前端技术专栏,一线的前端技术文章。

关注 4708

Bismarck 关注了用户 · 2019-06-29

Chor @chor

关注 5339

认证与成就

  • 获得 0 次点赞
  • 获得 0 枚徽章 获得 0 枚金徽章, 获得 0 枚银徽章, 获得 0 枚铜徽章

擅长技能
编辑

(゚∀゚ )
暂时没有

开源项目 & 著作
编辑

(゚∀゚ )
暂时没有

注册于 2019-06-29
个人主页被 47 人浏览