jquery - Laravel DataTable 不显示显示条目

Question

我正在使用 Laravel DataTable。我的 jQuery 代码如下所示

    var id = window.location.pathname.split("/").pop();

    var table = $('.nk-tb-item').DataTable({
        processing: true,
        serverSide: true,
        ajax: {
            url: '/product-details/'+ id,
            type: "GET"
        },
        ordering: false,
        dom: 'lBfrtip',
        pageLength: 5,
        columns: [
            {
                data: function(value){
                    var date = new Date(value.datetime);
                    return date.toLocaleDateString();
                },
                name: 'datetime'
            },
            {
                data: 'user_id',
                name: 'user_id'
            },
            {
                data: 'on_hand',
                name: 'on_hand'
            },
            {
                data: 'allocated',
                name: 'allocated'
            },
            {
                data: 'last_orderid',
                name: 'last_orderid'
            },
            {
                data: 'action',
                name: 'action',
                searchable: false
            }
        ]
    });

但我的节目条目不起作用。

标签： jquerydatatableslaravel-7

Answer 1

该pageLength: 5选项表示您已选择每页显示 5 行。

默认情况下，该lengthMenu选项（控制下拉菜单中的值）使用以下值：

[ 10, 25, 50, 100 ]

您的值 (5) 不在该列表中 - 因此下拉列表无法显示任何选定的值。（但如果单击控件，您应该能够看到其他值。）

您可以将 pageLength 更改为这些默认值之一，也可以定义一组自定义lengthMenu值 - 例如：

"lengthMenu": [ 5, 10, 25, 50, 75, 100 ]