layui表格table的使用 —— LayUI实战搭建后台管理系统

本文介绍了如何利用LayUI的表格组件来搭建后台管理系统,包括引入必要的样式和JS文件,设置表格HTML结构,以及配置表格操作的JS部分,最后讲解了如何实现分页功能。
摘要由CSDN通过智能技术生成

一、引入layui的样式文件和JS文件。

二、引入页面中需要的元素。

    layui.use(["jquery", "laypage", "layer", "form", "laydate", 'table'], function () {
      var $ = layui.jquery,
        laypage = layui.laypage,
        layer = layui.layer,
        form = layui.form,
        laydate = layui.laydate,
        table = layui.table;
    })

三、表格的配置

3.1 HTML部分

      <table class="layui-table admin-table" id="merchat_list">
      </table>

3.2 JS部分 (关于表格的操作部分,需要去新建元素。)

 <script type="text/html" id="list-opt">
        <a class="td-manage" title="查看详情" data-method="offset" data-type="auto" onclick="" href="m
  • 0
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值