bootstrap-table給單元格添加鏈接


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

效果圖:
在這里插入圖片描述
例二:

{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("")
};


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM