layui表格自适应高度_css布局左侧固定右侧自适应

layui表格自适应高度_css布局左侧固定右侧自适应//默认上下15px的边距高度,可根据需要修改functionlayuiDialogFitScreen(){varlayui_title_height=$(window.parent.document).find(“.layui-layer-title”).height();varborder_margin=30;varminH=150;var_margin=0;var_top=$(w…

//默认上下15px的边距高度,可根据需要修改

function layuiDialogFitScreen(){

var layui_title_height=$(window.parent.document).find(“.layui-layer-title”).height();

var border_margin=30;

var minH=150;

var _margin=0;

var _top=$(window.parent.document).find(“.layui-layer-iframe”).css(“top”).split(“px”)[0];

$(“html”).height($(“body”).height());

if($(document).height()+layui_title_height>$(window.parent.document).height()-border_margin){

_margin=-(_top-border_margin/2)+’px’;

var mContentH=($(window.parent.document).height()-layui_title_height-border_margin)+’px’;

$(window.parent.document).find(“iframe”).css({“height”:mContentH});

$(window.parent.document).find(“.layui-layer-iframe”).css({“height”:mContentH,”top”:_top,”margin-top”:_margin});

}else{

$(window.parent.document).find(“iframe”).css(“height”,($(document).height())+’px’);

$(window.parent.document).find(“.layui-layer-iframe”).css(“height”,($(document).height())+’px’);

if($(document).height()>minH){

_margin=-($(document).height()-minH)/2+’px’;

$(window.parent.document).find(“.layui-layer-iframe”).css(“margin-top”,_margin);

}

}

}

//删除delH高度内容后内容自适应界面高度

function deleteFitView(delH){

var layui_title_height=$(window.parent.document).find(“.layui-layer-title”).height();

var mH=$(“html”).height()-delH;

var border_margin=30;

$(“html”).height(mH);

if( $(“html”).height()+layui_title_height<=$(window.parent.document).height()-border_margin){

$(window.parent.document).find(“iframe”).height(mH);

$(window.parent.document).find(“.layui-layer-iframe”).height(mH);

layuiDialogFitScreen();

}

}

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/219616.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Linux学习手册大全

    Linux学习手册大全、Linux大全1、虚拟机安装2、虚拟机网络连接方式3、安装vmtools4、虚拟机目录4.1、目录含义4.2、Linux颜色含义5、远程登录软件6、编辑命令7、用户管理8、CentOS7找回root密码9、文件目录指令pwd指令ls指令cd指令mkdir指令rmdir指令touch指令cp指令rm指令mv指令cat指令more指令less指令echo指令head指令tail指令指令>和指令>>ln指令history指令10、日期指令11、查找指令1、find指令2、locate指令3、

    2022年5月26日
  • 工厂供电复习笔记

    工厂供电复习笔记概述什么是电网,电网怎么区分。基本概念熟练掌握。1.2电力系统接线方式和电压等级电压等级每年都考,一些基本的概念。有一张图,给一些相关参数算其他没给的参数。长线短线中性点运行方式相当重要中性点不解地,某一相不解地,为什么还能继续工作。中性点为什么经过消弧线圈接地,进位对地电流超过多少就需要。中性点为什么经小电阻接地。中性点直接接地。TN-C系统外壳带电怎么办TN-S系统TN-C-S系统市电就是这三种系统TN系统,中性线接地,有什么作用:ppt三条TT系统IT系统第二章工

    2022年9月4日
  • 如何开发一个 PyCharm 插件[通俗易懂]

    如何开发一个 PyCharm 插件[通俗易懂]PyCharm是很多Python开发者优先选择的IDE,功能强大,跨平台,提供免费社区版,非常良心。如果你想自己给PyCharm添加一些功能怎么办呢?有两个办法:通过提需求实现,到JetBrains的github去提issue或者自己发PullRequest请他们merge。通过安装插件实现,你可以查找现有的插件仓…

    2022年6月24日
  • Layui treeTable相关

    Layui treeTable相关layui官网是没有treeTable这个功能的,需要下载额外的插件实现,幸运的是有符合layui风格的treeTable插件,此篇围绕树状表格讲述。treeTable官网指路:https://gitee.com/whvse/treetable-lay/wikis/pages下载有Gitee账号官网TreeTable资源下载路径:https://gitee.com/whvse/treetable-lay无Gitee账号导入treeTable的导入方式和layui其他组件一样,都是通过layui

    2022年5月6日
  • vue 计数器_vue实现计算器

    vue 计数器_vue实现计算器计数器的实现在页面上简单实现一个计数器<!DOCTYPEhtml><htmllang="en"><head><metach

    2022年7月30日
  • Qt中QTableView设置分页显示的三种方法[通俗易懂]

    1、已知所有数据的情况下,以MVC模式对数据进行分页处理:参考链接:http://www.cnblogs.com/caomingongli/archive/2011/11/17/2252745.html参考链接:https://blog.csdn.net/xujiali5172923/article/details/478352652、数据库很大的时候,QTableView会自动生…

    2022年4月12日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号