當前位置：首頁 >

bootstrap table 搜索列formatter之后，单字节搜索异常

發布時間：2024/9/27 28 豆豆

生活随笔收集整理的這篇文章主要介紹了 bootstrap table 搜索列formatter之后，单字节搜索异常小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

bootstrap table 搜索列formatter之后，單字節搜索異常

最近發現搜索這邊出現這個問題，這樣搜索沒有效果

后面發現是因為搜索列formatter之后就會出現這個問題，那么我們就多生成一列不使用formatter并隱藏這列

<!DOCTYPE html> <html> <head><meta charset="UTF-8"><title>BootStrap Table搜索</title><meta name="viewport" content="width=device-width" /><link href="bootstrap.min.css" rel="stylesheet" /><script src="jquery-3.3.1.min.js"></script><script src="bootstrap.min.js"></script><link href="bootstrap-table.min.css" rel="stylesheet"><script src="bootstrap-table.js"></script></head> <body><table id="table"></table> <script type="text/javascript">$(function() {datamessage = [{"name":"b1","name1":"01","name2":"01"}, {"name":"a","name1":"zsn1","name2":"01"}, {"name":"應急","name1":"1","name2":"01"}];$('#table').bootstrapTable({search:true,pagination: true, //是否顯示分頁（*）sidePagination: "client", //分頁方式：client客戶端分頁，server服務端分頁（*）paginationLoop: false, //當前頁是邊界時是否可以繼續按pageSize:10,pageNumber:1,pageList: [10, 25, 50, 100,'all'], //可供選擇的每頁的行數（*）strictSearch: false, //是否全局匹配,false模糊匹配data:datamessage,columns:[{field:'name',title:'姓名',searchable:true,visible:false,formatter : function (value, row, index) {return row.name;}},{field:'name',title:'姓0',searchable:false,formatter : function (value, row, index) {return "<a>" +"<span> "+row.name+"</span>"+"</a>";}},{field:'name1',title:'姓'}]})}) </script> </body> </html>

這樣就可以實現搜索

總結

以上是生活随笔為你收集整理的bootstrap table 搜索列formatter之后，单字节搜索异常的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： VBA 网页提取特定内容 - 网抓实践总
下一篇： Java native方法availab