bootstrap table表格前台分页，点击tab选项，重新刷新表格

标签：有一个   表格   问题   技术分享   年龄   res   保留   需要   状态   

近期做项目的时候使用bootstrap表格前台分页，并且有一个tab切换选项，共用一个table，效果如下图，上方是tab选项，下方是table:

在实际实现的时候，在默认状态下，表格翻到了第5页，此时我要按年龄进行筛选，刚开始我的做法是直接$("#table").bootstrapTable(‘refresh‘,option)；option里边是一个筛选的条件，这样的效果是页面会展示所选条件下第5页的内容，而不是第一页的内容，这就违背了项目的需求，后来经过搜索、探讨找到了一种解决方案就是重新tab筛选的时候，需要先销毁表格，然后重新初始化：$("#table").bootstrapTable(‘destroy‘);先要将table销毁，否则会保留上次加载的内容，initTable(options);重新初使化表格,option为tab来回切换时的筛选条件，这样一来解决了tab切换时出现的问题，表格前台分页是这样，后台分页也是这样。希望对大家有所帮助，描述不清楚的、或者不理解的请留言!

bootstrap table表格前台分页，点击tab选项，重新刷新表格

标签：有一个   表格   问题   技术分享   年龄   res   保留   需要   状态   

原文地址：http://www.cnblogs.com/web-panpan/p/7278367.html