jQuery jTable: How to hide table headers when 0 records are returned from server

Question

I simply want a message displayed on the page, with no table headers, if there are no records to display.

Is there a way to achieve this with jtable via an option, may be?

Answer 1

@oderayi I don't think so that there is an option in jTable api to hide table headers when you have 0 records from the database.

If I were you I would execute $("#myJTable .jtable-column-header).hide() on ajax success callback like this:

$.ajax({
        type: "GET",
        url: "YOUR_URL",
        data: { yourData: yourData },
        success: function (data) {
           if(data.Records.length === 0) {
              $("#yourJTable .jtable-column-header").hide();
              //No data available message
              $("#yourJTable tbody).append("<tr class='jtable-no-data-row'><td colspan='1'>No data available!</td></tr>");
           }
        }
    });