LayUI---数据表格

最新推荐文章于 2024-08-06 02:06:34 发布

Yx2022522

最新推荐文章于 2024-08-06 02:06:34 发布

阅读量1.6k

点赞数

文章标签： layui java 前端

本文链接：https://blog.csdn.net/Han0221/article/details/125343017

版权

本文介绍了如何使用LayUI框架创建数据表格，包括在HTML中定义表格和通过table.render()初始化。同时，讲解了后台处理的部分，如控制器中的代码、PageBean的使用以及JSON数据响应和映射URL文件的配置。

摘要由CSDN通过智能技术生成

1、创建table数据表格

2、后台代码

1、创建table数据表格

创建一个table实例最简单的方式是，在页面放置一个元素 <table id="demo"></table>，然后通过 table.render() 方法指定该容器，如下：

<table id = "id"></table>

以上就是简单的数据表格，使用方法如下：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>table表格数据</title>
    <#--引入layui文件-->
    <script src="${springMacroRequestContext.getContextPath()}/layui/layui.js"></script>
    <script src="${springMacroRequestContext.getContextPath()}/layui/config.js"></script>
    <link rel="stylesheet" href="${springMacroRequestContext.getContextPath()}/layui/css/layui.css">
</head>
<style>
    /*添加样式*/
    body{
        text-align: center;
    }
    input{
        border-color: red !important;
        width: 300px !important;
        display: inline-block !important;
    }
</style>
<bod