Thymeleaf订单详情列表渲染异常求助

有人知道这是什么原因吗？（附异常情况截图）

我正在尝试实现订单详情列表功能，以下是对应的HTML代码块：

<div class="row">
    <h1>Lista de Pedidos</h1>
</div>
<table class="table table-striped table-bordered" id="myTable">
    <thead class="table-dark">
        <tr>
            <th class="titulotb" scope="col">#</th>
            <th class="titulotb" scope="col">Nombre del cliente</th>
            <th class="titulotb" scope="col">Total</th>
            <th class="titulotb" scope="col">Fecha</th>
            <th class="titulotb" scope="col">Mesero</th>
            <th class="titulotb" scope="col">Detalles</th>
        </tr>
    </thead>
    <tbody>
        <tr th:each="order : ${Order}">
            <th th:text="${order.id_Ped}" scope="row"></th>
            <td th:text="${order.Name_cli}"></td>
            <td th:text="${order.Total}"></td>
            <td th:text="${order.Fecha}"></td>
            <td th:text="${order.id_usu_fk.nom}"></td>
            <td>
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>Cantidad</th>
                            <th>Subtotal</th>
                            <th>Producto</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr th:each="det : ${order.detalles}">
                            <td th:text="det.cant"></td>
                            <td th:text="det.sub"></td>
                            <td th:text="det.id_prod_fk.nom"></td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>
</div>

我已经尝试通过构造函数调试，但没有任何效果，恳请帮忙解决问题。

内容的提问来源于stack exchange，提问作者Miguel Angel Pardo Burgos