【问题标题】:Only display data after search with datatables仅在使用数据表搜索后显示数据
【发布时间】:2020-05-15 04:00:28
【问题描述】:

我最近接手了一个使用数据表的网站的开发工作。该网站是使用 Laravel 4 构建的。

我是数据表的新手。我想知道是否可以加载数据表但不显示任何输出/行。该信息只会在用户填写搜索栏后显示。

我已经查看了 datatables.net 上的一些可用文档,但没有找到我要查找的内容。

编辑: 这是一个代码sn-p:

                table.dataTable({

                    // Internationalisation. For more info refer to http://datatables.net/manual/i18n
                    "language": {
                        "aria": {
                            "sortAscending": ": activate to sort column ascending",
                            "sortDescending": ": activate to sort column descending"
                        },
                        "emptyTable": "No data available in table",
                        "info": "Showing1 _START_ to _END_ of _TOTAL_ entries1",
                        "infoEmpty": "No entries found",
                        "infoFiltered": "(filtered1 from _MAX_ total entries)",
                        "lengthMenu": "Show _MENU_ entries",
                        "search": "Search:",
                        "zeroRecords": "No matching records found"
                    },

                    // "bStateSave": true, // save datatable state(pagination, sort, etc) in cookie.

                    "columns": [{
                        "orderable": true
                    },{
                        "orderable": true
                    },{
                        "orderable": true
                    }, {
                        "orderable": false
                    }],
                    "lengthMenu": [
                        [5, 10, 20, 100, -1],
                        [5, 10, 20, 100, "All"] // change per page values here
                    ],
                    // set the initial value
                    "pageLength": 10,            
                    "pagingType": "bootstrap_full_number",
                    "language": {
                        "search": "Search Patient: ",
                        "lengthMenu": "  _MENU_ records",
                        "paginate": {
                            "previous":"Prev",
                            "next": "Next",
                            "last": "Last",
                            "first": "First"
                        }
                    },
                    "columnDefs": [{  // set default column settings
                        'orderable': false,
                        'targets': [0]
                    }, {
                        "searchable": false,
                        "targets": [1]
                    }, {  // set default column settings
                        'orderable': false,
                        "bVisible": false,
                        'targets': [4]
                    }],
                    "order": [
                        [4, "asc"]
                    ] // set 5th column as a default sort by asc
                });

【问题讨论】:

  • 是的,这是完全可能的,完全取决于您的代码。所以请发布你现在拥有的东西。
  • 感谢您的回复。我编辑了我的问题以包含代码 sn-p @Jerodev。

标签: laravel search datatables


【解决方案1】:

查看Server-side processing 示例。

让 Laravel 默认返回一个空数组,因此表数据为空。它会在每次“更改”时调用 ajax 脚本,因此一旦用户搜索任何内容,您就可以返回查询到的数据。

更多示例和文档可以在这里找到:https://datatables.net/examples/server_side/index.html

如果您使用的是软件包,您还应该查看该版本的文档。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2022-11-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-11-10
    相关资源
    最近更新 更多