用layui美化表格 form id=myform action=method!usersave method=post input type=hidden name=id value=$userid table cellpadding=0 cellspacing=0 class=table_form width=100
你可以使用layui的表格组件来美化表格。首先,你需要引入layui的样式文件和脚本文件。然后,在表格的外层元素上添加class="layui-table",在每个表格行的外层元素上添加class="layui-table-tr",在每个表格单元格的外层元素上添加class="layui-table-cell"。
以下是使用layui美化表格的示例代码:
<link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.7/css/layui.min.css">
<script src="https://cdn.staticfile.org/layui/2.5.7/layui.min.js"></script>
<form id="myform" action="method!usersave" method="post">
<input type="hidden" name="id" value="${user.id}"/>
<table cellpadding=0 cellspacing=0 class="layui-table table_form" width="100%">
<tr class="layui-table-tr">
<td width="120" class="layui-table-cell">邮箱</td>
<td class="layui-table-cell">${user.email}</td>
</tr>
<tr class="layui-table-tr">
<td class="layui-table-cell">昵称</td>
<td class="layui-table-cell">${user.username}</td>
</tr>
<tr class="layui-table-tr">
<td class="layui-table-cell">密码</td>
<td class="layui-table-cell">${user.password}</td>
</tr>
<tr class="layui-table-tr">
<td class="layui-table-cell">用户组</td>
<td class="layui-table-cell">
<c:if test="${user.role == 0}">普通用户</c:if>
<c:if test="${user.role == 1}">管理员</c:if>
</td>
</tr>
</table>
<input onclick="javascript:history.go(-1);" class="layui-btn layui-btn-primary" type="button" value="返回"/>
</form>
这样,你就可以使用layui美化表格了。记得在使用之前,确保已正确引入layui的样式文件和脚本文件
原文地址: https://www.cveoy.top/t/topic/hGbS 著作权归作者所有。请勿转载和采集!