如何解决如何使用“Flat Json”-Bootstrap 5 Table 示例与 ejs + nodejs + expressjs
我想使用“Flat Json”-Bootstrap 5 Table 示例。 [链接][1]
我正在将 expressjs 与 nodejs 和 ejs 一起使用。 到目前为止我的代码:
```<link href="https://unpkg.com/bootstrap-table@1.18.1/dist/bootstrap-table.min.css" rel="stylesheet">
<script src="https://unpkg.com/bootstrap-table@1.18.1/dist/bootstrap-table.min.js"></script>
<body>
<h2>JOB DASHBOARD</h2>
<table id="table" data-toggle="table" data-flat="true" data-search="true" >
<thead>
<tr>
<th data-field="" data-sortable="true">Order ID</th>
<th data-field="" data-sortable="true">Liefertermin</th>
<th data-field="" data-sortable="true">Fertigstellungstermin</th>
<th data-field="" data-sortable="true">Keyline Nr</th>
</tr>
</thead>
<tbody>
<% var count = 0; %>
<% orders.forEach((order)=>{ %>
<tr data-index="<%= count %>">
<td><%= order.order_id %></td>
<td><%= order.due_at %> </td>
<td><%= order.deliver_at %> </td>
<td><%= order.keyline_obj.event.data.attributes.reference %> </td>
</tr>
<% count +=1; %>
<% }) %>
</tbody>
</table>
</body>
</html>```
我正在从我的 mongoDB 数据库加载内容。变量“订单”是订单文档的数组。 目前数据正在加载,但搜索字段根本没有出现,尽管我已经加载了 bootsrap css 和 js,但所有样式都不起作用。 [1]:https://examples.bootstrap-table.com/index.html?bootstrap5#welcomes/flat-json.html
解决方法
我认为问题是已成功发送但响应在 json 中,因为浏览器正在等待
您可以通过=>在屏幕上单击鼠标右键=>按检查=>网络=>单击页面文件=>然后选择响应
来检查数据是否收到您将找到包含更新数据的 html 页面
- 您可以在像这样获取 api 后从您的 js 脚本中呈现它
await fetch(----your fetching code-----).then(res=>{
document.open();
res.text().then(function(text) {
document.write(text)
});
})
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。