Как сохранить datatable внутри div при отображении большего количества записей? - PullRequest
Новая
       13

Как сохранить datatable внутри div при отображении большего количества записей?

0 голосов
/ 02 марта 2020

Когда я показываю больше записей, чем можно отобразить на странице одновременно, таблица данных расширяется за пределами div вместо расширения div и делает прокрутку всей страницы. Как бы я это сделал? Я использую Laravel yajra datatables и bootstrap.

Просмотр: 

 <body>
    @include('nav')
    <div class = "container">
    <div class = "card">
        <div class = "card-body">
    <div class="d-flex align-items-center vh-100">
      <div class="container" style="width:100%">
         <table class="table table-striped" id='actionTable' style="width:100%, table-layout:fixed">
            <h1 class="fixed">All Actions</h1>
            <thead>
                <tr>
                    ...
               </tr>
            </thead>
            <tbody>
            </tbody>
         </table>
      </div>
   </div>
        </div>
</div>
</div>
</body>
<script type="text/javascript">
/*
Calling the Datatable based on selected user
*/
    $(document).ready(function (){
        fetch_data();
        function fetch_data(users = '', status = ''){
            $('#actionTable').DataTable({
                aLengthMenu: [[5, 10, 15, -1], [5, 10, 15, "All"]],
                iDisplayLength: 5,
                processing: true,
                serverSide: true,
                "sPaginationType": "listbox",
                ajax:{
                    url:"{{route('get.actions')}}",
                    data:{users:users, status:status}

                    /* data:{status:status} */
                },

              ...
</script>
</html>
...