使用bootstrap-table插件

<form id="current_table" class="form-inline" role="form"  onSubmit="return table_filter(this);">
   ...
</form>  
<table id=‘table1‘ 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>