你可以使用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 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录