代码之家  ›  专栏  ›  技术社区  ›  TruckDriver

如何更改Jquery datatable中lengthmenu的行为?

  •  0
  • TruckDriver  · 技术社区  · 6 年前

    我必须自定义jquerydatatable来更改长度菜单选项和行为。

    我该怎么办?任何提示都会有帮助。

    1 回复  |  直到 6 年前
        1
  •  1
  •   Pritam Jyoti Ray    6 年前

    Jquery datatable的大多数属性都应用在下面的代码中,因为您没有确定要更改的正确选项,所以可以尝试使用这些属性。

    $('#dtId').DataTable({
                "ajax": {
                    "url": "/search/LoadData",
                    "type": "GET",
                    "datatype": "json"
                },
    
                "info": true,
                "responsive": true,
                "paging": true,
                "pageLength": 10,
                "ordering": true,
                "dom": 'T<"clear">lfrtip',
                "pagingType": "full_numbers",
                "language": {
                    "lengthMenu": "Display _MENU_ Per Page",
                    "info": "Displaying _START_ - _END_ of _TOTAL_",
                    "paginate": {
                        "first": '<i class="fa fa-angle-double-left" ></i> First',
                        "previous": '<i class="fa fa-angle-double-left" ></i> Previous',
                        "next": 'Next <i class="fa fa-angle-double-right" ></i>',
                        "last": 'Last <i class="fa fa-angle-double-right" ></i>'
                    },
    
                },
                "dom": "<'row'<'col-sm-4'i><'col-sm-4'p><'col-sm-4'l>>" + "<'row'<'col-sm-12'tr>>",
                "scrollX": true,
                "lengthMenu": [
                     [5, 10, 15, 20, -1],
                     [5, 10, 15, 20, "All"] // change per page values here
                ],
                "buttons": [
                    'csv', 'excel', 'pdf'
                ] 
            });