jQuery datatable не печатает все страницы - PullRequest
Новая
       43

jQuery datatable не печатает все страницы

0 голосов
/ 08 мая 2019

Я использую jQuery Datatable (версия jQuery: jquery-3.1.1.min.js).Мне нужно распечатать все данные в таблицах (в моем сценарии у меня 56 строк, 10 записей на страницу, затем становится 6 страниц). Но он печатает только некоторую часть данных (36 записей).но у меня есть функция PDF также. он работает нормально.при нажатии кнопки pdf генерируется pdf со всеми кодами 

<script type="text/javascript" src="<c:url value='/static/js/jquery-3.1.1.min.js' />"></script>
<script src="<c:url value='/static/js/dataTables/jquery.dataTables.min.js' />"></script>
<script src="<c:url value='/static/js/dataTables/dataTables.buttons.min.js' />"></script>   
<script src="<c:url value='/static/js/dataTables/buttons.print.min.js' />"></script>


        <script>
            $(document).ready(function(){
                $('#adTable').DataTable({
                    dom: 'Bfrtip',
                    buttons: [
                         'pdf', 'print'
                    ]
                });
            });
        </script>



    <table id="adTable" class="table table-hover">
        <thead>
            <tr>
                <th>Index</th>
                <th>Subject</th>
                <th>Category</th>
                <th>Status</th>

            </tr>
        </thead>
        <tbody>
            <c:forEach var="obj" items="${list}" varStatus="loop">
                <tr>
                    <td>${loop.index+1}</td>
                    <td>${obj.subject}</td>
                    <td>${obj.category}</td>
                    <td>${obj.status}</td>
                </tr>
            </c:forEach>
        </tbody>
    </table>

Ответы [ 2 ]

0 голосов
/ 14 мая 2019

Я нашел решение. Проблема возникает из-за моего файла CSS. есть файл CSS, который переопределяет мой тег HTML html overflow-x

мой внешний CSS-файл выглядит так, как показано ниже 

body {
    padding: 0;
    margin: 0;
    height: 100%;
    min-height: 100%;
    font-family: 'Open Sans', sans-serif;
    color: #4f5f6f;
    overflow-x: hidden; }

Я сменил на ниже. 

body {
    padding: 0;
    margin: 0;
    height: 100%;
    min-height: 100%;
    font-family: 'Open Sans', sans-serif;
    color: #4f5f6f;
    overflow-x: visible; }
0 голосов
/ 08 мая 2019

эй, вы можете использовать ниже код для print all

$(document).ready(function() {
    $('#example').DataTable( {
        dom: 'Bfrtip',
        buttons: [
            {
                extend: 'print',
                text: 'Print all',
                exportOptions: {
                    modifier: {
                        selected: null
                    }
                }
            },
            {
                extend: 'print',
                text: 'Print selected'
            }
        ],
        select: true
    } );
} );
...