jQuery DataTable 不显示显示条目、搜索并且在页面刷新之前不排序答案

【问题标题】：jQuery DataTable not displaying Show entries, Search and does not sort until the page is refreshedjQuery DataTable 不显示显示条目、搜索并且在页面刷新之前不排序
【发布时间】：2020-03-29 11:44:48
【问题描述】：

jQuery DataTable 不显示显示条目、搜索并且在我刷新页面后才进行排序。实际上我在 laravel vuejs 中使用它

我搜索了很多，但我没有在网上找到任何东西

提前谢谢你

<div class="row">
     <div class="col-sm-12">
         <table id="datatable" class="table table-striped table-bordered dataTable no-footer"
                role="grid"  aria-describedby="datatable_info">  <thead>
                                            <tr role="row">
                                                <th
                                                    class="sorting_asc"
                                                    tabindex="0"
                                                    aria-controls="datatable"
                                                    rowspan="1"
                                                    colspan="1"
                                                    aria-sort="ascending"
                                                    aria-label="نام: activate to sort column descending"
                                                    style="width: 140px;"
                                                >
                                                    نام
                                                </th>
                                                <th
                                                    class="sorting"
                                                    tabindex="0"
                                                    aria-controls="datatable"
                                                    rowspan="1"
                                                    colspan="1"
                                                    aria-label="جایگاه: activate to sort column ascending"
                                                    style="width: 234px;"
                                                >
                                                    جایگاه
                                                </th>                                                    
                                            </tr>
                                        </thead>

                                        <tbody>
                                            <tr role="row" class="odd">
                                                <td class="sorting_1">
                                                    Airi Satou
                                                </td>
                                                <td>Accountant</td>                                                   
                                            </tr>
                                            <td class="sorting_1">
                                                    Airi Satou
                                                </td>
                                                <td>Accountant</td>                                                   
                                            </tr>                                    
                                        </tbody>
                                    </table>
                                </div>
                            </div>

下面是我在 layout.blade.php 文件中实现的路由器链接

  <!-- sidebar menu -->
                    <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
                        <div class="menu_section">
                            <ul class="nav side-menu">
                                <li><a ><i class="fa fa-home"></i> <router-link to="/dashboard" class="nav-link" onclick="activeFunc();" style="color:white" >کورپاڼه </router-link> </a></li>
                                <li><a><i class="fa fa-bandcamp"></i> ثابت شتمني <span class="fa fa-chevron-down"></span></a>
                                    <ul class="nav child_menu">
                                        <li> <router-link to="/FixedAsset" class="nav-link" onclick="activeFunc();" > د شتمنیو لست  </router-link></li>
                                    </ul>
                                </li>

                    </div>
                    <!-- /sidebar menu -->
function activeFunc(){
            $("li").removeClass("active current-page");
              var currentSelectedli = $("a.router-link-exact-active").parent('li');
              currentSelectedli.addClass("current-page");
              currentSelectedli.siblings().removeClass("active current-page");
             var parentLI =currentSelectedli.parent("ul").parent("li");
             if(parentLI.length!=0){
                 parentLI.addClass("active");

             }
         }

我们将不胜感激任何形式的帮助

【问题讨论】：

你在使用router-link吗？
是的，我会更新我的问题检查一下

标签： datatable datatables

【解决方案1】：

试试这个如果它有效请告诉我这个代码$("#datatable").DataTable({ retrieve: true,}); 将重新初始化您的数据表

function activeFunc(){
            $("li").removeClass("active current-page");
              var currentSelectedli = $("a.router-link-exact-active").parent('li');
              currentSelectedli.addClass("current-page");
              currentSelectedli.siblings().removeClass("active current-page");
             var parentLI =currentSelectedli.parent("ul").parent("li");
             if(parentLI.length!=0){
                 parentLI.addClass("active");
                  $("#datatable").DataTable({ retrieve: true,});
             }
         }

【讨论】：