Answers

• kthorngren Posts: 22,307Questions: 26Answers: 5,127

  March 2024

  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 Posts: 3Questions: 1Answers: 0

  March 2024 edited March 2024

  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 Posts: 3Questions: 1Answers: 0

  March 2024 edited March 2024

  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 Posts: 22,307Questions: 26Answers: 5,127

  March 2024

  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