layui操作table表格全功能演示代码-html代码-BFW代码库

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

代码语言：html

所属分类：表格

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

下面为部分代码预览，完整代码请点击下载或在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 class="layui-this">演示说明</li>
    <li>日期</li>
    <li>分页</li>
    <li>上传</li>
    <li>滑块</li>
  </ul>
  <div class="layui-tab-content">
    <div class="layui-tab-item layui-show">
      <div class="layui-carousel" id="ID-test-carousel">
        <div carousel-item>
          <div><p class="demo-carousel">在这里，您将以最直观的形式体验 Layui！</p></div>
          <div><p class="layui-bg-red demo-carousel">在编辑器中编码 Layui 相关的代码</p></div>
          <div><p class="layui-bg-green demo-carousel">您可以结合 Layui 官方文档来此处进行示例演示</p></div>
        </div>
      .........完整代码请登录后点击上方下载按钮下载查看