首页 > 解决方案 > 如何防止一个简单的表格变成一张增强的 Laravel 网格表格

问题描述

如何防止 Laravel 中的表格增强?

我在当前页面上有多个表格。

第一个表是一个功能齐全的 laravel 网格表,具有过滤器、搜索框、订单能力等。

其他表应该是简单表,但不知何故,它们都继承了上述所有特性。

我的简单表格的源代码如下所示:

<table id="table_container_user_role_coordonator_id{{$value['id']}}"
                               class="table-bordered table-striped">

                            <thead>
                            <tr>
                                <th>Farmacia</th>
                                <th>Au dat</th>
                                <th>Nu au dat</th>
                                <th>Procent promovare</th>
                            </tr>
                            </thead>

                            <tbody>
                            <tr>
                                <td>1</td>
                                <td>2</td>
                                <td>3</td>
                                <td>4</td>
                            </tr>
                            </tbody>

                        </table>

这是 laravel 对我的简单表所做的:

<div id="table_container_user_role_coordonator_id5_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4 no-footer"><div class="row"><div class="col-sm-12 col-md-6"><div class="dataTables_length" id="table_container_user_role_coordonator_id5_length"><label>Show <select name="table_container_user_role_coordonator_id5_length" aria-controls="table_container_user_role_coordonator_id5" class="form-control form-control-sm"><option value="10">10</option><option value="25">25</option><option value="50">50</option><option value="100">100</option></select> entries</label></div></div><div class="col-sm-12 col-md-6"><div id="table_container_user_role_coordonator_id5_filter" class="dataTables_filter"><label>Search:<input class="form-control form-control-sm" placeholder="" aria-controls="table_container_user_role_coordonator_id5" type="search"></label></div></div></div><div class="row"><div class="col-sm-12"><table id="table_container_user_role_coordonator_id5" class="table-bordered table-striped dataTable no-footer" role="grid" aria-describedby="table_container_user_role_coordonator_id5_info"><thead>
                            <tr role="row"><th class="sorting_asc" tabindex="0" aria-controls="table_container_user_role_coordonator_id5" rowspan="1" colspan="1" style="width: 55px;" aria-sort="ascending" aria-label="Farmacia: activate to sort column descending">Farmacia</th><th class="sorting" tabindex="0" aria-controls="table_container_user_role_coordonator_id5" rowspan="1" colspan="1" style="width: 39.8167px;" aria-label="Au dat: activate to sort column ascending">Au dat</th><th class="sorting" tabindex="0" aria-controls="table_container_user_role_coordonator_id5" rowspan="1" colspan="1" style="width: 58.7px;" aria-label="Nu au dat: activate to sort column ascending">Nu au dat</th><th class="sorting" tabindex="0" aria-controls="table_container_user_role_coordonator_id5" rowspan="1" colspan="1" style="width: 115.15px;" aria-label="Procent promovare: activate to sort column ascending">Procent promovare</th></tr>
                            </thead>



                            <tbody>

                            <tr role="row" class="odd">
                                <td class="sorting_1">1</td>
                                <td>2</td>
                                <td>3</td>
                                <td>4</td>
                            </tr></tbody>

                        </table><div id="table_container_user_role_coordonator_id5_processing" class="dataTables_processing card" style="display: none;">Processing...</div></div></div><div class="row"><div class="col-sm-12 col-md-5"><div class="dataTables_info" id="table_container_user_role_coordonator_id5_info" role="status" aria-live="polite">Showing 1 to 1 of 1 entries</div></div><div class="col-sm-12 col-md-7"><div class="dataTables_paginate paging_simple_numbers" id="table_container_user_role_coordonator_id5_paginate"><ul class="pagination"><li class="paginate_button page-item previous disabled" id="table_container_user_role_coordonator_id5_previous"><a href="#" aria-controls="table_container_user_role_coordonator_id5" data-dt-idx="0" tabindex="0" class="page-link">Previous</a></li><li class="paginate_button page-item active"><a href="#" aria-controls="table_container_user_role_coordonator_id5" data-dt-idx="1" tabindex="0" class="page-link">1</a></li><li class="paginate_button page-item next disabled" id="table_container_user_role_coordonator_id5_next"><a href="#" aria-controls="table_container_user_role_coordonator_id5" data-dt-idx="2" tabindex="0" class="page-link">Next</a></li></ul></div></div></div></div>

标签: laravel

解决方案


看起来您的代码库中安装了 jQuery 插件 Datatables。我建议查看 javascript 代码并找到使用的 jQuery 选择器。

如果你只想通过 Datatables 增强一个表,那么你可以通过 id 编写一个选择器,例如:

$(“#table_id_1”).Datatable();

如果可以,请发布相关的javascript代码。


推荐阅读