相关阅读：
一、行样式修改
方法处理 行样式
*/
$('#table1').bootstrapTable({
columns: [
{ field: 'sno',title: '学生编号' },{ field: 'sname',title: '学生姓名' },{ field: 'ssex',title: '性别' },{ field: 'sbirthday',title: '生日' },{ field: 'class',title: '课程编号' },],url:'@Url.Action("GetStudent","DataOne")'
});
/**
*
* @@param row 当前行数据对象
* @@param index 当前行索引
*/
function rowStyle(row,index) {
var classes = ['active','success','info','warning','danger'];
if (row.sno.indexOf('2') != -1) {
return {
classes:['success']
}
}
return {};
}
二、单元格样式定义，对齐方式定义
方法处理 单元格样式
* data-align 设置当前列的对齐方式，包括表头
* data-halign 设置表格标题的对齐方式，优先级大于 align
*/
$('#table1').bootstrapTable({
columns: [
{
field: 'sno',title: '学生编号',align: 'center',halign:'right',cellStyle: function (value,row,index) {
//当前列，奇数单元格显示绿色
if (index%2==0)
return {
classes: 'success'
};
return {}; }
},"DataOne")'
});
三、排序列定义
显示内容排序
* data-sort-name 设置默认排序列名
* data-sort-order 设置默认排序方式 asc/desc
* data-sorter 可以自定义扩展排序方法
*/
$('#table1').bootstrapTable({
columns: [
{ field: 'sno',sortable: true },title: '学生姓名',sortable: true},title: '性别',title: '生日',title: '课程编号',"DataOne")'
});
