我在客户端页面中使用DataTables
使用DataTables
的某些功能(如分页和排序)以表格形式显示数据。我正在使用DataTables CDN和JQuery
。如果我显示这样的数据<td>Hello</td>
,但是如果我使用表达式语言DataTables没有显示任何内容,它就有用。我切换到chrome的开发人员视图,发现<td>
标记为空。所以我想知道如何使用DataTables来显示数据?
JSP
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.15/css/jquery.dataTables.css">
<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.15/js/jquery.dataTables.js"></script>
<table id="table_id" class="display">
<thead>
<tr>
<th>Line of Business</th>
<th>Customer Phone</th>
<th>Customer Email</th>
</tr>
</thead>
<tbody>
<tr>
<c:forEach items="${intgList}" var="list">
<td><c:out value="${list.lob}"/></td>
</c:forEach>
</tr>
</tbody>
</table>
的jQuery
$(document).ready( function () {
$('#table_id').DataTable();
} );
因此,使用F12我可以看到<tr>
为空。我在这里做错了吗?请告诉我。感谢...
答案 0 :(得分:0)
现在有点迟了但你必须这样做:
<c:forEach items="${IntgList}" var="list">
<tr>
<td><c:out value="${list.example}"/></td>
<td><c:out value="${list.example1}"/></td>
<td><c:out value="${list.example2}"/></td>
<td><c:out value="${list.example3}"/></td>
<td><c:out value="${list.example4}"/></td>
</tr>
</c:forEach>