layui操作table表格全功能演示代码

代码语言:html

所属分类:表格

代码描述:layui操作table表格全功能演示代码,包括添加编辑、多选、排序、菜单、导出excel、打印、分页 幻灯片、日期、分页、上传、滑块等控件,采用了ajax请求后台数据。

代码标签: layui table 表格 全功能 演示 代码

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">

<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/layui.2.8.9.css">
<style>
body {
  padding: 16px;
}
.demo-carousel {
  height: 200px; 
  line-height: 200px; 
  text-align: center;
}
</style>


  
  
</head>

<body >
  <blockquote class="layui-elem-quote layui-text" id="version">
  当前演示版本:Layui-v{{= layui.v }}
</blockquote>

<table class="layui-hide" id="ID-test-table"></table>
 
<script type="text/html" id="barDemo">
  <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
  <a class="layui-btn layui-btn-xs" lay-event="more">更多 <i class="layui-icon layui-icon-down"></i></a>
</script>
 
<div class="layui-tab layui-tab-brief" lay-filter="filter-test-tab">
  <ul class="layui-tab-title">
    <li .........完整代码请登录后点击上方下载按钮下载查看

网友评论0