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

var templateTableParams = {
classes: "table table-bordered table-hover",
cache: false,
//是否使用缓存，默认为true
striped: 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=true
pagination: 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表格高度随电脑分辨率变化表格高度随电脑分辨率变化的全部内容，希望文章能够帮你解决bootstrap table表格高度随电脑分辨率变化表格高度随电脑分辨率变化所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。