时间:2021-05-28
表格同行中存在元素的相互调用,如何保证元素能够被同行不同列的其他方框使用,方法如下:
页面元素示例如下:
<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>页面 JS 代码示例如下:
$(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' }] }); });以上所述是小编给大家介绍的BootStrap Table 获取同行不同列元素的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
分页(Pagination),是一种无序列表,Bootstrap像处理其他界面元素一样处理分页。bootstrap-table介绍bootstrap-table
因为bootstrap自带的固定列效果满足不了公司需求,所以借助fixed-table这个插件完成了iview固定列的效果左右两侧固定列,中间内容可以横向拖动.
jQuery获取table下某一行某一列的值实现代码最近需要获取到某个table下每一行某一列的值,用jQuery做了一会儿,过程如下,仅供参考:lilyoko
bootstrap-table是一个基于Bootstrap风格的强大的表格插件神器,官网:http://bootstrap-table.wenzhixin.ne
下表列出了Bootstrap支持的一些表格元素:表格类:.table:为任意添加基本样式(只有横向分隔线).table-striped:在内添加斑马线形式的条纹