citrus-cms/resources/views/components/table/classic-data-table.blade.php

<div class="row">
        <div class="col-md-6">
            {{$listDatas->appends($_GET)->links()}}
        </div>
        <div class="col-md-6 ">
        <?php if(getisset("filter")) {
            
          foreach($get AS $getColumn => $getValues) {
             ?>
             <div class="btn btn-sm btn-outline-primary"><i class="fa fa-filter"></i> {{e2($getColumn)}} {{implode(', ', $getValues)}}</div>
             <?php 
            /*
             foreach($getValues AS $getValue) {
                 ?>
                 <div class="btn btn-sm btn-outline-primary"><i class="fa fa-times"></i> {{$getColumn}} : {{$getValue}}</div>

                 <?php 
             }
             */
          }
         
           ?>
           
           <a href="{{url('admin/types/' . $id)}}" class="btn btn-danger btn-sm float-right"><i class="fa fa-trash"></i> {{e2("Clear All Filter")}}</a>

           <?php 
        } ?>
        </div>
    </div>
    <a name="table"></a>
    <div class="table-responsive mt-10 mb-10">

    
    <script>
        $(function(){
            $("#data-table").DataTable({
            fixedHeader: {
                  header: true,
                  footer: true
                },

            scrollX: true,

            responsive: true,
            stateSave: true,
            pageLength: {{setting('row_count')}}
            
        });
        });
    </script>
<table id="data-table" style="table-layout:fixed;width:{{$tableWidth}}" class=" table table-sm table-bordered table-striped table-hover">
                <thead>
                <tr class="table-dark">
                    <form action="#table"  method="get">
                        <input type="hidden" name="filter" value="ok">
                        <?php if(isset($prependColumns)) {
                            foreach($prependColumns AS $columnName => $columnArray) {
                                ?>
                                <th data-resizable-column-id="{{str_slug($columnName)}}">{{e2($columnName)}}
                                    
                            </th>
                                <?php 
                            }
                        } ?>
                        <?php foreach($columns AS $column)  {  ?>
                            <th class="position-relative" data-resizable-column-id="{{str_slug($column)}}">{{e2($column)}}
                                <?php if(isset($tableDifferentValues[$column]))  { 
                                ?>
                                <div class="dropdown filter-list">
                                    <button class="btn btn-secondary btn-sm text-white float-right dropdown-toggle" type="button" id="{{str_slug($column)}}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                        <i class="fa fa-filter d-none"></i>
                                    </button>
                                    <div class="dropdown-menu" aria-labelledby="{{str_slug($column)}}">
                                        <?php foreach($tableDifferentValues[$column] AS $tableDifferentValue)  { 
                                        ?>
                                            <label class="dropdown-item" href="#">
                                                <input type="checkbox"
                                                <?php if(getisset($column)) {
                                                    if(in_array($tableDifferentValue, $_GET[$column])) {
                                                        echo "checked";
                                                    }
                                                } ?>
                                                name="{{$column}}[]" value="{{$tableDifferentValue}}"> {{$tableDifferentValue}}
                                            </label> 
                                        <?php } ?>

                                        <button class="btn btn-outline-primary btn-sm">{{e2("Filter")}}</button>

                                    </div>
                                </div> 
                                <?php } ?>
                                            </th> 
                            <?php } ?>
                            <?php if(!isset($summaryTable))  {  ?>
                            <th data-resizable-column-id="opt">{{e2("Opt")}}</th>
                            <?php } ?>
                        </form>
                </tr>
                <?php if(!isset($summaryTable))  {   ?>
                 <?php $rowName = "new-tr"; ?>
                 <tr class="table-warning {{$rowName}}">
                     
                     <form action="{{url("admin/create/$tableName")}}" method="post">
                     @csrf
                     <?php if(isset($prependColumns)) {
                          foreach($prependColumns AS $columnName => $columnArray) {
                              ?>
                              <td>#</td>
                              <?php 
                          }
                     } ?>
                     <td>#</td>
                     <?php foreach($columnsList AS $column)  {   ?>
                         <td>
                         
                             @include("components.columns.{$column['type']}")
                         </td> 
                     <?php } ?>
                         <td><button class="btn btn-outline-success btn-sm"><i class="fa fa-plus"></i></button></td>
                     </form>
 
                 </tr> 
                 <?php } ?>
                 </thead>
                 <tbody>
                
                <?php foreach($listDatas AS $listData) {
                    $rowName = "row" . $listData->id;
                        ?>
                    <tr id="t{{$listData->id}}" data-row="{{$rowName}}">
                        <?php if(isset($prependColumns)) {
                            foreach($prependColumns AS $columnName => $columnArray) { ?>
                                 <td data-resizable-column-id="{{str_slug($columnName)}}">
                                    @include("components.prepend-columns.{$columnArray['type']}")
                                 </td> 
                                <?php 
                            }
                        } ?>
                        <?php if(!in_array("id", $excepts))  { 
                          ?>
                         <td>{{$listData->id}}</td> 
                         <?php } ?>
                        <?php foreach($columnsList AS $column)  { ?>
                        <td>
                            <?php if(!isset($summaryTable))  { 
                              ?>
                              <?php if(isset($onlyShowColumn)) {
                                $thisColumnName = $column['name'];
                                 ?>
                                 {{$listData->$thisColumnName}}
                                 
                                 <?php 
                              } else {
                                ?>
                                @include("components.columns.{$column['type']}") 
                                <?php 
                              } ?>
                             
                             <?php } else {
                                $thisColumnName = $column['name'];
                                 ?>
                                 {{$listData->$thisColumnName}}
                                 <?php 
                             } ?>
                        </td> 
                        <?php } ?>
                        <?php if(!isset($summaryTable))  {  ?>
                        <td>
                            <a href="{{url("admin/delete/$tableName/{$listData->id}")}}" ajax="#t{{$listData->id}}" {{delete_teyit()}} class="btn btn-outline-danger btn-sm"><i class="fa fa-remove"></i></a>
                        </td>
                        <?php } ?>
                    </tr>
                        <?php 
                } ?>
                </tbody>
        </table>

           
    </div>
    <div class="row">
        <div class="col-12">
            {{$listDatas->appends($_GET)->links()}}
        </div>
    </div>