使用bootstrap-table插件

1.用户提交信息过滤表格内容：

　　a.设置表格查询参数，并在用户提交按钮时候更新表格

<form  class="form-inline" role="form"  onSubmit="return table_filter(this);">
   ...
</form>  
<table  data-url="...">
    ...
</table>
 <script>

        $("#table1").bootstrapTable({
            'onPageChange':function(number, size){
            },
            'queryParams':function (params){
                s_data=$('form').serializeArray();
                for (key in s_data){
                    item=s_data[key];
                    var1=item["name"];
                    var2=item["value"];
                    params[var1]=var2;
                }
                return  params
            }
        });
        function table_filter(current){
            $("#comsumptionlist").bootstrapTable('refresh', {
                'onPageChange':function(number, size){
                }
            });
            return false;
        }
</script>