主要代碼：

<script type="text/javascript">$(function () {LoadingDataListOrderRealItems();$('#tableOrderRealItems').bootstrapTable('showColumn', 'ShopName');$('#tableOrderRealItems').bootstrapTable('hideColumn', 'GoodsId');}); </script>

全部代碼：

<!--訂單中商品列表 模塊 開始--><script type="text/javascript">function LoadingDataListOrderRealItems() {$('#tableOrderRealItems').bootstrapTable({url: '/Handler/Handler_Orders/AllOrder_Real_Virtuall_Handler.ashx?func=Get_Orders_Real_SelectGoodsListByOrderId',method: 'get', //默認是post,不允許對靜態文件訪問cache: false,striped: true, // 隔行加亮pagination: true, // 開啟分頁功能pageSize: 20, // 設置默認分頁為 20pageNumber: 1,pageList: [10, 25, 50, 100, 200], // 自定義分頁列表//contentType: "application/x-www-form-urlencoded",//如果想用request.form 方式，設置 contentType: "application/x-www-form-urlencoded",search: false,//開啟搜索功能sidePagination: 'server',//設置為服務器端分頁queryParams: queryParams,//參數showColumns: true, // 開啟自定義列顯示功能showRefresh: false, // 開啟刷新功能minimumCountColumns: 2,// 設置最少顯示列個數clickToSelect: true,smartDisplay: true,clickToSelect: true, // 單擊行即可以選中sortName: 'OrderRealItemsId', // 設置默認排序為 namesortOrder: 'desc', // 設置排序為反序 descsmartDisplay: true, // 智能顯示 pagination 和 cardview 等dataType: "json",columns: [{field: 'OrderId',title: '#',align: 'center',}, {field: 'OrderItemId',title: 'OrderItemId',align: 'left',}, {field: 'GoodsId',title: 'GoodsId',align: 'left',}, {field: 'OrderCode',title: '訂單編號',align: 'left',}, {field: 'GoodsName',title: '商品名稱',align: 'left',}, {field: 'GoodsMainPic',title: '圖片',align: 'left',formatter: function (value, row, index) {if (value != "") {return '<img style="width:150px;height:100px" src="' + ServiceJsonServiceClient_CommonLib + value + '" />';}elsereturn '<img style="width:150px;height:100px" src="' + Client_NoPicture + '" />';}}, {field: 'Consignor',title: '收貨人',align: 'left',}, {field: 'ReceiveAddress',title: '收貨地址',align: 'left',}, {field: 'ReceiveTel',title: '聯系電話',align: 'left',},{field: 'SellerName',title: '賣家姓名',align: 'left',}, {field: 'ShopName',title: '店鋪名稱',align: 'left',}, {field: 'ModelName',title: '商品類型',align: 'left',}, {field: 'FinalPrice',title: '最終價格',align: 'left',}, {field: 'GoodsCount',title: '數量',align: 'left',}, {field: 'AppriseStatus',title: '物流狀態',align: 'left',}, {title: '操作',field: 'Id11',align: 'center',width: '100px',formatter: function (value, row, index) {}}]});}//獲取URL參數function GetQueryString(name) {var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //構造一個含有目標參數的正則表達式對象var r = decodeURI(window.location.search).substr(1).match(reg); //匹配目標參數if (r != null) return unescape(r[2]); return null; //返回參數值}//設置傳入參數function queryParams(params) {var OrderId = GetQueryString("OrderId");var temp = { //這里的鍵的名字和控制器的變量名必須一直，這邊改動，控制器也需要改成一樣的limit: params.limit, //頁面大小offset: params.offset, //頁碼OrderId: OrderId};return temp;}</script><script type="text/javascript">$(function () {LoadingDataListOrderRealItems();$('#tableOrderRealItems').bootstrapTable('showColumn', 'ShopName');$('#tableOrderRealItems').bootstrapTable('hideColumn', 'GoodsId');$('#tableOrderRealItems').bootstrapTable('hideColumn', 'OrderItemId');$('#tableOrderRealItems').bootstrapTable('hideColumn', 'ShopName'); $('#tableOrderRealItems').bootstrapTable('hideColumn', 'SellerName');}); </script><!--訂單中商品列表 模塊 開始-->

轉載于:https://www.cnblogs.com/toSeeMyDream/p/6964773.html

總結

以上是生活随笔為你收集整理的bootstrap bootstrapTable 隐藏列的全部內容，希望文章能夠幫你解決所遇到的問題。

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