<div id="MyTableId" class="content-main-container">  <div class="panel panel-primary gd-panel" id="mywindow">   <div class="panel-heading">    <b>TableNameElemnt</b>   </div>   <div class="panel-body">    <table class="table table-bordered" id="csMemberPackageTable" style="word-break: keep-all;">    </table>   </div>  </div> </div> 

$(function () {   $('#MyTableId').bootstrapTable('destroy');   $("#MyTableId").bootstrapTable({    url:'/*** /*** Action_*** List.action',    dataType: "json",    showRefresh: true,    striped: true,    cache: true,    undefinedText: "-",    sortName: "id",    sortOrder: "asc",    pagination: true,    sidePagination: "server",    toolbar: "#toolbar",    pageNumber:1,    pageSize:3,    smartDisplay:true,    pageList:[5,10,25,50],    paginationPreText: "上一頁",    paginationNextText: "下一頁",    columns: [{     checkbox: true    },    {     field:'pId',     title:'操作',     align:'center',     formatter:function(value,row,index){      var aId = row.aId;      var bId = row.bId;      var cId = row.cId;      var a =        '<a href="/**** /**** Action_**** GoJsp.action?ResObj.' +        'pId='+pId+'&ResObj.aId='+aId +        '&ResObj.bId='+bId+        '&ResObj.cId='+cId+        '"'+'class="cs_menuTab"> 編輯全部 Id </a>';      return a;     }    },{     field: "aId",     title: "A 標簽",     align: "center"    },    {     field: "bId",     title: "B 標簽",     align: "center"    },    {     field: 'cId',     title: 'C 標簽',     align: 'center'    }]   });  });