bootstrap-table 的一些常用方法, 服务端分页，排序，样式等

bootstrap-table 是基于jquery, bootstrap 的一个 前端table 框架。最近测试了下基本用法，感觉很不错，而且官方的文档以及例子都比较全面，如果是详细的用法，可以参考官方文档，我这里只记录下，我自己常用的一点东西。



1. bootstrap-table 服务端分页问题 。
我是在 table 的 属性里面直接配置分页的参数的，当然也可以通过js 配置。

 
		            
				    

					    

					        

					        
用户名
					        
状态
					        
描述
					    
				    
		   
				

function paginationParam(params) {
	return {
        userName: encodeURI($.trim($("#username").val())),
        pageSize: params.limit,
        offset: params.offset,
        pageNumber: $('#listTable').bootstrapTable('getOptions').pageNumber
    };
}

{
			"total": 500,
			"rows": [{},{}.....]
		}
[code]

如果不是这种格式，必须自己进行转换，这个时候，data-response-handler="responseHandler" 配置就起作用了。这个js 方法就是将你从服务端收到的数据，转换为bootstrap-table 能接受的格式，当然如果你本身就是这种格式，那就不需要配置这个了。
[code]
function responseHandler(sourceData) {	
	if (sourceData.meta.code == "200") {
		var pageData = sourceData.data.data;
		for (var i=0; i
这是我自己测试封装的。

另外，如果你想让bootstrap-table 隔行换颜色显示，还可以配置样式方法:  data-row-style="rowStyle" 
function rowStyle(row, index) {
    if (index % 2 === 0) {
        return {
            classes: 'active'
        };
    }
    return {};
}


里面配置你的样式就好了。

这样bootstrap-table 服务端分页就处理好了，感觉还是很不错的。