Problem with table rows different from html table code

nic3108

Hi, I had some help from a programmer to set this responsive table up. I didn't want any 'sort' function on it. Thought it was okay, but the table rows are different layout on web page from the html table code. Any ideas what is wrong?

http://www.kasmill.co.uk/royalyorktest/ryresponstest/roomratestest2.html

Thank you.

tangerine

Please do not duplicate posts.

nic3108

So sorry, I added paid forum access and thought I had to post in a different forum!

allan

Hi,

No worries - thanks for the clarification :-).

Looking at the code you have:

$(document).ready( function() {
    $('#main_table').dataTable({
        responsive: true,
          paging: false,
        /* Disable initial sort */
        "aaSorting": []
    });
})

which is fine, but if you want to disable the user's ability to sort the table entirely you need to add the ordering option:

$(document).ready( function() {
    $('#main_table').dataTable({
        responsive: true,
          paging: false,
          ordering: false
    });
})

I've removed the aaSorting option since that is redundant if sorting is disabled!

Allan

nic3108

That's great! Thank you for your help.