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> <a href='javascript:;' onclick='deleteRow(event)'>刪除</a>";
}}
- 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 [
'<a href="#'+row.mobile+'">'+value+'</a>'
].join("")
};