bootstrap3 超链接_bootstrap-table给单元格添加链接

本文介绍了如何在Bootstrap3的表格中添加超链接。通过使用`formatter`方法,我们可以自定义单元格的内容,比如创建链接。示例代码展示了如何在`bootstrapTable`中设置`formatter`函数,以根据`value`、`row`和`index`参数生成链接。文章还解释了`formatter`函数的参数含义,并给出了编辑和判断是否热门的操作示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、html页面

2、js页面

$("#tb_table").bootstrapTable({

method: 'get', //请求方式

url: '/order/orderList', //请求数据的URL

... //中间的其他选择暂时省略

columns: [{

field: 'oprate',

title: '操作',

width: 100,

align: 'center',

valign: 'middle',

formatter: aFormatter //添加超链接的方法

}]

});

添加aFormatter的方法:

function aFormatter(value, row, index) {

return [

'链接'

].join("")

————————————————

版权声明:本文为优快云博主「LLL_LH」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.youkuaiyun.com/LLL_liuhui/java/article/details/80340307

===========================

继续,

formatter function (value,row,index){} 参数的含义

datagarid的formatter属性

formatter:function(value,row,index){}

formatter 属于列参数,表示对于当前列的数据进行格式化操作,它是一个函数,有三个参数,分别是value,row,index

value:表示当前单元格中的值

row:表示当前行

index:表示当前行的下标

可以使用return返回想要的数据显示在单元格中

例子:

{field:"operate",title:"操作",align:"center",valign:"middle",formatter:function(value,row,index){

return "编辑  删除";

}}

1

2

3

4

效果图:

例二:

{field:‘is_hot’,title:‘是否热门’,width:20,formatter: function(value,row,index){

if(value==1){

return “是”;

}else{

return “否”;

}

============================

所以其他列的参数, +row.message_number+

function aFormatter(value, row, index) {

return [

''+value+''

].join("")

};

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值