Question

我正在尝试使用Ngiriraj Table Export Demo提供的js导出html表。我的表由 bootstrap-table.js 分页当我以任何格式导出数据时，只有1个表页被导出另外，在导出pdf时，我只获得了pdf中的4列代码附在下面。

Jsp页面：

<div style="padding: 10px;">
    <br>
    <table id="table" data-search="true" data-show-columns="true"
        data-pagination="true">
        <thead>
            <tr>
                <c:forEach items="${keys}" var="keys">
                    <th data-field="${keys}" data-sortable="true">${keys}</th>
                </c:forEach>
            </tr>
        </thead>
    </table>
    <nav class="navbar navbar-default export">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="#">Download grid data as</a>
            </div>
            <ul class="nav navbar-nav">
                <li><a href="#"
                    onClick="$('#table').tableExport({type:'excel',escape:'false'});">XLS</a></li>
                <li><a href="#"
                    onClick="$('#table').tableExport({type:'csv',escape:'false'});">CSV</a></li>
                <li><a href="#"
                    onClick="$('#table').tableExport({type:'pdf',escape:'false'});">PDF</a></li>
                <li><a href="#"
                    onClick="$('#table').tableExport({type:'json',escape:'false'});">JSON</a></li>
            </ul>
        </div>
    </nav>
</div>

我已将.js文件包含为：

<script src="${pageContext.request.contextPath}/static/js/jquery.min.js"></script>
<script
    src="${pageContext.request.contextPath}/static/js/tableExport.js"></script>
<script
    src="${pageContext.request.contextPath}/static/js/jquery.base64.js"></script>
<script src="${pageContext.request.contextPath}/static/js/base64.js"></script>
<script src="${pageContext.request.contextPath}/static/js/sprintf.js"></script>
<script src="${pageContext.request.contextPath}/static/js/jspdf.js"></script>

对于以上所有.js文件，请参阅Ngiriraj Table Export demo。

提前致谢。

将html中的分页表导出为PDF，CSV，XLS

0 个答案: