表格高度随电脑分辨率变化

  var templateTableParams = {classes: "table table-bordered table-hover",cache: false,     //是否使用缓存，默认为truestriped: true,    //是否显示行间隔色singleSelect: true,   //单选clickToSelect: true,  //是否启用点击选中行showFooter: true,//合计columns: [{checkbox: true,footerFormatter: function (value) {return '合计';}},{title: "序号", field: 'id', halign: "center", width: '50px', formatter: function (value, row, index) {return index + 1;}},{field: 'jhyc', title: "计划月次", width: '70px', halign: "center", formatter: 'paramsMatter'},{field: 'lxdh', title: "计划单号", width: '100px', halign: "center", formatter: 'paramsMatter'},{field: 'gyfl', title: "物资分类", align: 'center', width: '100px', halign: "center"},{field: 'itemCode',title: "物资编码",width: '200px',sortable: true,halign: "center",formatter: 'paramsMatter'},{field: 'itemName',title: "物资名称",width: '100px',sortable: true,halign: "center",formatter: 'paramsMatter'}],cardView: (function () {return /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent);})(),onlyInfoPagination: false,//显示总记录数  必须打开pagination=truepagination: false,      //显示分页pageNumber: 1,             //初始化加载第一页，默认第一页pageSize: 10,               //每页记录数pageList: [5, 10, 20],      //可供选择的每页的行数idField: 'id',uniqueId: 'id',smartDisplay: false,onClickCell: function (field, value, row, $element) {if (field === "orderQtyLastYear") {itemCodes = row.itemCode;orderOtyLastYearModal();}},onPostBody: function (data) {merge_footer();}}//高度设置var trueHeight = document.documentElement.clientHeight - 5;var startHeight = document.body.offsetHeight;templateTableParams.height =  trueHeight - startHeight;//表格初始化$('#purchasePlanManage_table').bootstrapTable(templateTableParams);

bootstrap table表格高度随电脑分辨率变化相关推荐

JS组件系列——Bootstrap Table 表格行拖拽（二：多行拖拽）
原文:JS组件系列--Bootstrap Table 表格行拖拽(二:多行拖拽) 前言:前天刚写了篇JS组件系列--Bootstrap Table 表格行拖拽,今天接到新的需要,需要在之前表格行拖拽的 ...
JS组件系列——Bootstrap Table 表格行拖拽
JS组件系列--Bootstrap Table 表格行拖拽原文:JS组件系列--Bootstrap Table 表格行拖拽前言:之前一直在研究DDD相关知识,好久没更新JS系列文章了.这两天做了一 ...
bootstrap表格插件php,深入了解Bootstrap table表格插件（一）
这篇文章主要为大家介绍了第一次学习Bootstrap table表格插件的笔记,具有一定的参考价值,感兴趣的小伙伴们可以参考一下第一次使用Bootstrap-table这个表格插件,记录一下使用过程 ...
bootstrapr表格父子框_JS组件系列之Bootstrap table表格组件神器【二、父子表和行列调序】...
Bootstrap Table是轻量级的和功能丰富的以表格的形式显示的数据,支持单选,复选框,排序,分页,显示/隐藏列,固定标题滚动表,响应式设计,Ajax加载JSON数据,点击排序的列,卡片视图等. ...
bootstrap 黑边框表格样式_设置Bootstrap Table表格样式并隔行变色
设置Bootstrap Table表格样式并隔行变色设置bootstrap-table表格样式可以通过设置classess属性进行设置,官方默认支持黑色主题.隔行变色等样式,你也可以自定义样式把你的 ...
Bootstrap Table表格分页的使用及分页数据（Excel）导出
####相关文档 Bootstrap Table官网:http://bootstrap-table.wenzhixin.net.cn/zh-cn/ Bootstrap 中文网:http://www.b ...
Bootstrap Table表格插件的使用及数据导出
文章目录 1.介绍 2.页面引用 3.简单示例 4.注意地方 5.演示图 1.介绍 Bootstrap Table介绍见官网:http://bootstrap-table.wenzhixin.net. ...
前端：bootstrap table表格属性、列属性、事件、方法
目录一.使用前提二.基本属性列参数事件方法多语言一.使用前提 1. 在html中引用table相应的包 <link rel="stylesheet" ...
Bootstrap table表格
Bootstrap table 使用类 Class="table" 既可让table美化样式 table 相关的Class 隔行换色 : table-striped ...
bootstrap table 表格支持shirt 多选_bootstrap-table 表格行内编辑实现
这篇文章向大家介绍一下如何使用bootstrap table插件实现表格的行内编辑功能. 我的web前端学习交流群点击进入1045267283,欢迎加入! 先放一张效果图: 应用场景之前的项目也是采 ...

bootstrap table表格高度随电脑分辨率变化

表格高度随电脑分辨率变化

bootstrap table表格高度随电脑分辨率变化相关推荐

最新文章

热门文章