bootstarp table对某一字段过长做截取处理
来源:互联网 发布:2017网络教育英语统考 编辑:程序博客网 时间:2024/06/04 18:42
showmytable:function(a){
var data={
url:'',
method:'get',
dataType: "json",
striped: true,
cache:false,
singleSelect: false,
pagination: true,
pageNumber:1,
pageSize: 10,
pageList: [10, 25, 50, 100],
columns: [{
field: 'id',
title: '序号'
}, {
field: 'agentno',
title: '业务员编号'
}, {
field: 'agentname',
title: '业务员姓名'
}, {
field: 'time',
title: '时间'
},{
field: 'mark',
title: '备注'
}]
}
};
由于字段mark的值可能过长,会影响到table的布局,需要对其进行攫取处理
我采用了formatter函数,对当前列的数据进行格式化操作,field字段必须与服务器端返回的字段对应才会显示出数据,value:代表当前单元格中的值,使用return 返回的value显示在单元格中;return返回自定义的span标签,也可以自定义一个div弹出层,代码如下
showmytable:function(a){
var data={
url:'',
method:'get',
dataType: "json",
striped: true,
cache:false,
singleSelect: false,
pagination: true,
pageNumber:1,
pageSize: 10,
pageList: [10, 25, 50, 100],
columns: [{
field: 'id',
title: '序号'
}, {
field: 'agentno',
title: '业务员编号'
}, {
field: 'agentname',
title: '业务员姓名'
}, {
field: 'time',
title: '时间'
},{
field: 'mark',
title: '备注',
formatter:function(value,row,index){
//此处对value值做判断,不然value为空就会报错
value=value?value:'';
var length=value.length;
if(length&&length>7){
elngth=7;
}
return"<span title ='"+value+"'>"+value.substring(0,length)+"</span>"
}
}
}]
}
};
- bootstarp table对某一字段过长做截取处理
- Gridview过长字段截取显示
- Gridview过长字段截取显示
- bootstarp table
- Bootstarp 基础 默认对代码的处理
- Table中过长字段的缩剪
- 填充和截取某一字段的值
- Bootstarp-table入门
- bootstarp-table 使用总结
- 页面表格字段过长的处理方法
- 处理字段过长,使文本溢出问题
- 对页面文章过长的处理方法
- 用来截取数据库某一列字段中的一部分 SUBSTR函数
- 对二维数组的某一字段求和
- CSS截取字段,让过长的字段结尾变成省略号(IE有效)
- 如何处理GridView模板列绑定字段过长的问题
- Highcharts 饼图 数据字段过长的处理方法
- CSS 截取 过长 文字
- Android常用控件-01
- Android studio如何提交代码到OSC(码云)
- 二叉树的深度
- 链式A+B
- python写简单的web静态服务器,对socket的深入理解。
- bootstarp table对某一字段过长做截取处理
- 《Android Studio开发实战 从零基础到App上线》出版后记
- java sql_select_where,order by
- Android—常用控件(二)按钮
- Hibernate-入门 idea + maven构建
- datasnap连接池使用
- Android—常用控件(三)选择框
- 图像尺寸与分辨率
- 非010串