My data table has two pages but on first load it shows only page number 1 not showing page number 2.

uthaya92

Link to test case:
Debugger code (debug.datatables.net):
Error messages shown:
Description of problem: My data table has two pages but on first load it shows only page number 1 not showing page number 2. After clicking on next page it shows 2 and 1 for selection.

kthorngren

Its hard to say what the problem is with just a screenshot. Start by posting your Datatables initialization code. Better is a link to your page or test case replicating the issue so we can help debug.
https://www.datatables.net/manual/tech-notes/10#How-to-provide-a-test-case

Kevin

uthaya92

Data table initialization .

$('#team-data-table').dataTable( {
            "paging" : $('#team-data-table tbody tr').length>10,
            "pageLength":10,
            "iDisplayLength": 10,
            "sPaginationType": "four_button",
             pagingType: 'full_numbers',
            "oLanguage": {
                "sZeroRecords": "@_LocalizedAll["Searched team is not found"]",
                "sSearchPlaceholder": "@_LocalizedAll["Search for a team"]"
            },
            "paginate": {
                "next": "Next",
                "previous": "Previous"
            },
            "fnDrawCallback": function(oSettings) {
                $("#team-data-table input[type=radio][value!="+selection+"]").prop('checked', false);
            }

        });

Edited by Kevin: Syntax highlighting. Details on how to highlight code using markdown can be found in this guide

uthaya92

HTML Code:

<div class="paginated-team-section">
                                                    @{
                                                        <table id="team-data-table">
                                                            <thead>
                                                                <tr>
                                                                    <td>Name</td>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                @foreach (var team in Model.Teams)
                                                            {
                                                                if (!(DateTime.Now > Model.SelectedChallenge.EnrollByDate.Value && team.MemberCount < Model.SelectedChallenge.MinMembersPerTeam))
                                                                {
                                                                    <tr class="team-name-layer">
<td></td>
                                                                        </tr>
                                                                }
                                                            }
                                                            </tbody>
                                                        </table>

                                                    }
                                                </div>

Edited by Kevin: Syntax highlighting. Details on how to highlight code using markdown can be found in this guide

kthorngren

There is nothing obvious in the Datatables init code. I'm not sure what the table will look like from the HTML code. My first troubleshooting step would be to comment out the Datatables init code and use the browser's inspect tool to view the resulting table. If you don't see any issues then copy the table to build a test case. Go to https://live.datatables.net/ and replace the existing table with the copied one.

Is the same behavior seen?

Post a link to the test case you just built.

Kevin