1、html页面

<table id="tb_table"></table>

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 [

'<a href="#">链接</a>'

].join("")

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

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

原文链接：https://blog.csdn.net/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 "<a href='javascript:;' onclick='editRow(event)'>编辑</a>&nbsp;&nbsp;<a href='javascript:;' onclick='deleteRow(event)'>删除</a>";
 }}


  • 1
  • 2
  • 3
  • 4

效果图：

bootstrap-table给单元格添加链接_javascript

例二：

{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 [

'<a href="#'+row.mobile+'">'+value+'</a>'

].join("")

};