您的位置:首页 >> layUI

列表

  • layui数据表格使用的几个技巧

    前端

    使用表格组件能提高大量的开发效率,目前主流的数据表格组件有bootstrap table、layui table、easyUI table等,本教程推荐使用layui框架设置数据表格。推荐:layui框架快速入门一、三种初始化渲染方式我先从

  • layui表格反转的一个简单实现方式

    前端

    表格反转,或者叫行列转换,估计都不陌生,先看效果图:测试页面: https://sun_zoro.gitee.io/layuitableplug/testTableCheckboxDisabled相对标题说的简单实现方式,之前也考虑过关于行

  • 让layui table固定列也能监听滚动的方法介绍

    前端

    目前table能滚动的区域是layMain这个区域,他会联动的去滚动表头和固定列,左右固定列实际他们本身的样式overflow是hidden的,所以本身不会出现滚动条,也就是说你把鼠标移动到左右固定列上去的话,它是无法被滚动的,比如下面这个

  • layui框架的table字段筛选功能介绍

    前端

    首先是在这个是针对字段的,所以给cols新增一个配置项,来决定哪些列需要有过滤的功能,一般来说只有那些数据可以归纳成几种分布的列才有做这个过滤的需求,比如例子中的性别列还有职业列,id列这些的意义不大,当然也不是绝对的,有的就是需要呢。所以

  • 在layui的layDate组件中添加设置一周开始的方法

    前端

    国际惯例周日作为一周的开始,但是有的用户使用习惯还是比较倾向周一作为一周的开始,但是目前laydate是没有一个配置项可以来决定这个的,在laydatePro中添加了一个配置项的支持如下:从注释里面也可以看到,为了使用的方便,可以设置0到6

  • 解决layUI导出到Excel时身份证号码、银行卡号显示不正确问题

    前端

    修改table.js 使用JS-excel 前端excel导出框架来实现Excel 导出感谢layui 的编写者贤心,以及对layui做出贡献的各位大神,让我们有了开箱即用的前端js框架。为项目的编写节省了不少时间。在使用layui tab

  • layui框架中常见表单排版介绍

    前端

    平常我们经常用到的表单排版方式常见的有两种,layui文档中已经给出垂直的排版方式,我们做后台的时候也会用到水平排版方式,用于在页面的顶部进行搜索的时候用到。推荐:layui教程下面我们来看一下水平+垂直表单列表实现:一、水平排版html:

  • 让layui支持es5写法的方法介绍

    前端

    写js的时候会写一些es5的代码,但是打包到dist时,发现不支持语法,怎么办呢。两步添加es5支持:一、使用npm下载安装babel,进入gulpfile.js所在目录。$ npm install --save-dev gulp-babe

  • 表格工具按钮列显示更多时也能触发table的事件

    前端

    先看个大家可能都遇到过的问题的效果图:就是如果工具栏没有设置宽度,有时候会被内容挤压得比较小,或者宽度设置不够,也会跟内容一样出现...然后点击显示下拉图标的时候会显示出更多的内容,但是跟普通的td不同的是按钮是显示出来了。但是点击无法触发

  • layui的iframe跳转链接与页面按钮跳转相关介绍

    前端

    一、导航跳转iframe页面问题:推荐:layui教程关于layui的iframe嵌套页面的导航跳转页面问题,如下图所示可以看到效果:在模板页的导航代码:<ul class="layui-nav layui-nav-tree" lay-fi

  • layui前端遇到的难点集合(附代码)

    前端

    一、表格中插入下拉框的情况问题:表格遇到下拉框表单的情况,下拉框在表格中没办法显示出来,效果:1、表格中下拉框被隐藏----方法1这种方法解决了表格中下拉框被隐藏的状态了,但是显示并不是很美观,距离最下面的表格的下拉框展开之后会撑开表格的滚

  • layui怎么表格中显示图片

    前端

    layui的表格使用还是非常简单的,layui文档中已经非常详细,下面直接上代码了如果你想了解更多关于layui的知识,可以点击:layui教程1、jsp代码<div class="demoTable"> <button class="

  • layui导入导出Excel方法

    前端

    在工作过程中还有社区交流过程中,发现经常会有小伙伴遇到要将数据导入导出的文体,下面就为大家介绍一个插件,可以将Excel数据导入,也可以将数据导出成excel。如果你想了解更多关于layui的知识,可以点击:layui在线教程环境提示:预览

  • layui怎么导入Excel

    前端

    在工作过程中还有社区交流过程中,发现经常会有小伙伴遇到要将数据导入导出的文体,下面就为大家介绍一个插件,可以将Excel数据导入,也可以将数据导出成excel。如果你想了解更多关于layui的知识,可以点击:layui在线教程环境提示:预览

  • layui 表单提交为什么有两次

    前端

    (1) 一般用layui导致提交两次,会想到的是在绑定on sumit的时候没有return false,导致没有把常规提交方式拦截下来,再次访问了action如果你想了解更多关于layui的知识。可以点击:layui教程form.on(s

  • layui框架怎么使用

    前端

    layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。但是想用它,必须要按照他的规矩老干事,毕竟那人的手短,骚操作可以有,那也是规矩里的。如果你想了

  • Layui使用入门教程

    前端

    layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。非常适合界面的快速开发。获得 layui 后,将其完整地部署到你的项目目录(或静态资源服务器)

  • 快速上手前端框架layui

    前端

    layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。一、介绍在使用layui之前,我们先要了解一下layui是什么?我觉得用作者贤心的一句话来概括

  • layui常用方法

    前端

    layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。layui常用的方法:layui中的input radio单选框监听选择触发事件:根据给inp

  • layui导出表格全部数据

    前端

    layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。layui自带的导出表格,只能导出当前页面,如果当前页包含全部数据,那不就是导出全部数据了吗,