html中使用Thymeleaf绘制的表格如何设置样式

可以使用Thymeleaf的内置属性来设置HTML表格的样式。

例如，可以使用th:style属性来设置表格的样式，如下所示：

<table th:style="'border-collapse: collapse;'">
    <thead>
        <tr>
            <th th:style="'border: 1px solid black; background-color: #eee;'">Name</th>
            <th th:style="'border: 1px solid black; background-color: #eee;'">Age</th>
            <th th:style="'border: 1px solid black; background-color: #eee;'">Email</th>
        </tr>
    </thead>
    <tbody>
        <tr th:each="user : ${users}">
            <td th:text="${user.name}" th:style="'border: 1px solid black;'"></td>
            <td th:text="${user.age}" th:style="'border: 1px solid black;'"></td>
            <td th:text="${user.email}" th:style="'border: 1px solid black;'"></td>
        </tr>
    </tbody>
</table>

在上面的示例中，我们使用th:style属性设置了表格和单元格的样式。我们使用了字符串字面量来设置样式，但是也可以使用表达式来动态设置样式。

此外，还可以使用类、ID和其他HTML属性来设置表格的样式。例如，使用th:class属性添加CSS类，如下所示：

<table th:class="'table table-striped'">
    <!-- table content -->
</table>

在上面的示例中，我们使用了Bootstrap的CSS类来为表格添加样式。

总之，使用Thymeleaf可以轻松地设置HTML表格的样式。