解决layui-table单元格设置为百分比在ie8下不能自适应的问题
1.如果没有采用响应式布局,指定表格的宽度即可解决比如
table{ width:1400px !important; }
2.如果采用了响应式布局,使用media query查询不同分辨率下的table宽度,然后指定大小即可,在ie8下支持css3和响应式可以使用
selectivizr-min.js和respond.js。
代码如下
<script src="${LUI_ContextPath}/resource/js/jquery.js"></script> <script src="${LUI_ContextPath}/km/front/standard/plugin/ie8plugin/selectivizr-min.js"> <script src="${LUI_ContextPath}/km/front/standard/plugin/ie8plugin/respond.js"></script>
@media screen and (min-width: 1570px) and (max-width: 1920px) { table{ width:1400px !important; } }
ps:使用了selectivizr-min.js时确保你的页面使用了jQuery或者其他的js库,如果没有selectivizr-min.js不会起作用。
以上这篇解决layui-table单元格设置为百分比在ie8下不能自适应的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
layui 设置table 行的高度方法
找到layui渲染之后的网页的html代码, 找到table的行控件 在代码中,通过css渲染这个控件 <style type="text/css"> {# 设置table每一行的height #} .layui-table-cell { height: auto; line-height: 28px; } </style> 以上这篇layui 设置table 行的高度方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.
-
layui table单元格事件修改值的方法
事件中的 this相当于document.getElementById("id") 替代方法就是将原本 document.getElementById("id").InnerHTML = "填充代码"; 替换成 $("#id").html("填充代码"); <!DOCTYPE html> <html> <head> <meta charset="utf-8
-
关于Layui Table隐藏列问题
layui没有提供Table隐藏列的功能(只是写这个文档的时候没有提供). 第一步:获取Layui的TableBox Jquery对象 var _table_box = $(this._table_elem).next().find(".layui-table-box"); this._table_elem 是指的Table标签的ID layui-table-box 是layui的类名 第二步:将需要隐藏的列添加 display:none 的样式 : _table_box.find(&
-
layui table 列宽百分比显示的实现方法
废话不多说了,为大家分享一下layui实现 table 列宽百分比显示的实例代码,希望对大家有所帮助吧 var layer = layui.layer, form = layui.form, table = layui.table; var $ = layui.$; /*select gysmc,zyzw ,xm ,sjhm ,bgshm ,emilyx , zgsrgzwsj ,zggsgl ,cast(gysxxid as int) as gysxxid, pc, gysryxxMdataI
-
解决layui-table单元格设置为百分比在ie8下不能自适应的问题
1.如果没有采用响应式布局,指定表格的宽度即可解决比如 table{ width:1400px !important; } 2.如果采用了响应式布局,使用media query查询不同分辨率下的table宽度,然后指定大小即可,在ie8下支持css3和响应式可以使用 selectivizr-min.js和respond.js. 代码如下 <script src="${LUI_ContextPath}/resource/js/jquery.js"></script>
-
Element UI中table单元格合并的解决过程
目录 引言 解决思路: 1.格式化后台返回的数据(根据实际数据格式处理) 2.在 data 中定义数据,需要合并几列就定义几个数组和索引 3.定义合并函数 4.table 组件属性 span-method 的单元格合并方法: 完整代码: 总结 引言 项目中遇到表格单元格合并的需求,在此记录整个解决过程. 项目使用的是 Element UI,表格使用的是 table 组件.Element UI 的 table 表格组件中对单元格进行合并,需要使用 table 组件的 span-method 属性.
-
jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法
本文实例讲述了jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法.分享给大家供大家参考,具体如下: JS鼠标双击事件 onDblClick <td width="10%" title="双击修改" ondblclick="ShowElement(this,<%#Eval("id") %> </td> 这里的本人用绑定的值是传的当前行对应的ID号 function ShowEle
-
bootstrap table单元格新增行并编辑
table单元格新增行并编辑,具体内容如下 需要 bootstrap.min.css -- [ Bootstrap ] jquery-1.8.2.min.js -- [ Jquery ] 代码 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>新建HTML</title> <
-
使用pyqt5 tablewidget 单元格设置正则表达式
tablewidget pyqt5的tablewidget组件比较特殊,每个方格可以装载其他组件来搭配实现不同的效果,所以在qtdesigner上找不到可视化直接设置mask或者其他可以限制填入单元格的设置 方法 正是利用tablewidget组件里面放置可以设置正则表达式的lineedit来实现这个功能 在窗口组件窗口加入一个初始化函数 def init(self): from PyQt5.Qt import QRegExpValidator from PyQt5.Qt import QReg
-
解决layui table表单提示数据接口请求异常的问题
问题一:直接拿别人的文件放在本地打开 如下图 原因:这是提示"交叉源请求仅支持协议方案:HTTP.数据.Chrome.Chrome扩展.HTTPS." 也就是你不能用本地文件打开,本地打开是file:///C:/Users/Administrator/Desktop/git/layui_table1.html 可以在本地服务器上展示没有问题 http://localhost/git/layui_table1.html 问题二:返回数据格式不符合要求(经常是这样的) 输出格式为 { &q
-
C#利用NPOI操作Excel(单元格设置)
本文实例为大家分享了C#利用NPOI操作Excel的单元格设置,供大家参考,具体内容如下 一.合并单元格 NOPI支持对单元格进行合并,还有单元格格式设置! 注意: 在进行单元格合并时必须先创建单元格 1.合并单元格语句: sheet.AddMergedRegion(new CellRangeAddress(0, 0, 0, 3)); //起始行,终止行,起始列,终止列 2.设置单元格格式: ICellStyle cellStyle = wk.CreateCellStyle(); //首先建单
-
js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法
本文实例讲述了js插件设置innerHTML时在IE8下提示"未知运行时错误"解决方法.分享给大家供大家参考.具体分析如下: 问题描述: 网站中使用了一个js插件,设置innerHTML时,在IE8下报错"未知运行时错误": <div id="divContainer"> <a name="link"> -->报错处 第三方插件内容- </a> </div> 原因: 所设置
-
OpenXml合并Table单元格代码实例
using DocumentFormat.OpenXml; using DocumentFormat.OpenXml.Packaging; using DocumentFormat.OpenXml.Wordprocessing; using OpenXML.Model; using System; using System.Collections.Generic; namespace OpenXML { class Program { //表格数据 public static List<List
随机推荐
- js实现点击向下展开的下拉菜单效果代码
- 一个基于phpQuery的php通用采集类分享
- 举例讲解Python面相对象编程中对象的属性与类的方法
- C++ 单例模式的详解及实例
- 发现mysql一个用法,比较有用
- Android TimerTask 的简单应用及注意事项
- 文件备份vbs脚本
- jQuery Easyui加载表格出错时在表格中间显示自定义的提示内容
- 解析C#设计模式编程中适配器模式的实现
- c++中struct使用注意事项
- PHP空值检测函数与方法汇总
- 详解Python:面向对象编程
- JavaTCP上传图片代码实例
- Java==和equals的区别总结
- TensorFlow实现简单的CNN的方法
- Swift5中从原始文本创建字符串的方法
- JavaScript检查数据中是否存在相同的元素(两种方法)
- mybatis plus使用redis作为二级缓存的方法
- 微信小程序之onLaunch与onload异步问题详解
- mysql实现多表关联统计(子查询统计)示例