Hide and create custom pageLength

Hide and create custom pageLength

chrislibrerochrislibrero Posts: 4Questions: 1Answers: 0

Hi All,

Need help here for my custom pageLength for my table.

From this:

to this:

Thanks in advance.

This question has an accepted answers - jump to answer

Answers

  • colincolin Posts: 15,154Questions: 1Answers: 2,587

    Hi @chrislibrero ,

    See pageLength for options.

    Cheers,

    Colin

  • chrislibrerochrislibrero Posts: 4Questions: 1Answers: 0

    Tried that one and it works only if the value is given but if it is dynamic value coming from a dropdownlist it shows like this:

    Page 1

    Page 2

    Here's my current code:

    $(document).ready(function () {
                var table = $('#employeeTableList').DataTable({
                    dom: 'rtip',
                    "pageLength": $('#rowsPerPage').val(),
                    "columnDefs": [
                        { "targets": [0], "orderable": false },
                        { "targets": [5], "orderable": false }
                    ]
                });
                $('#strSearch').keyup(function() {
                    table.search($('#strSearch').val()).draw();
                })
            });
    
  • colincolin Posts: 15,154Questions: 1Answers: 2,587

    Hi @chrislibrero ,

    We're happy to take a look. As per the forum rules, if you could link to a running test case showing the issue we can offer some help. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.

    Cheers,

    Colin

  • chrislibrerochrislibrero Posts: 4Questions: 1Answers: 0

    Hi @colin,

    Thanks for the reply.
    Please check this sample page based on http://live.datatables.net/ test case.

    http://live.datatables.net/sisurulu/1/edit

  • colincolin Posts: 15,154Questions: 1Answers: 2,587
    Answer ✓

    Hi @chrislibrero ,

    That's an odd way to do it, since you're rewriting the page length element. Here's your code working though. You had a couple of problems: all the values were the same for all lengths, and you weren't doing anything when that length selection changed.

    Cheers,

    Colin

  • chrislibrerochrislibrero Posts: 4Questions: 1Answers: 0

    Thanks a lot, @colin, that really helped me. I'm still new to javascript that is why.

This discussion has been closed.