bootstrapTable

bootstrap样式比较好看，现项目中使用，做一下记录，备忘。

引入文件：

html代码

    

        

            
ID
            
姓名
            
手机号
            
预产期
            
风险等级
            
有无传染病
        
    

JS代码

$('#gravidaTable').bootstrapTable({
		contentType: "application/x-www-form-urlencoded",
		method: 'post',
	    dataType: "json",
		url: "/gravida/list",
		striped: true,
		pagination: true,
		singleSelect: false,
		clickToSelect:true,
		showColumns: false,
		search: false, 
		silent: true,
		pageSize: 10,
		pageNumber:1,
		sidePagination: "server",
		queryParamsType:"limit",
		pageList:[10, 25, 50, 100],
		queryParams: gravidaTableParams,
		onDblClickRow:onDblClickRow
	});
	
	function onDblClickRow(row)
	{
		$('#myModal').modal('show')
	}

//表格查询条件
function gravidaTableParams(params) {
     return {
        pageSize: params.limit,
        pageNumber: params.pageNumber
     };
}

bootstrapTable自定义条件查询。

//风险颜色点击
function assessColor()
{
	var color=this.title;
	$('#gravidaTable').bootstrapTable('refresh',{
		query:{
			'assess':color
		}
	});
}