DataTables CSS doesn't always fire up

cbarrett

Hello,

My DataTables CSS doesn't always fire up. I know my click event works, because the JSON I'm parsing is returning data in the table, but the table itself does not have CSS. This issue happens sporadically and I've been unable to pinpoint the issue. I've read that it could be CSS clashing, but I'm not absolutely sure.

I've attached four images; two are images of it not working(mobile and desktop) and two are what it looks like when the CSS is working(Desktop and mobile).

kthorngren

When the table doesn't load correctly have you looked at the console for errors?

If there a javascript or other error then the table might not fully load.

Kevin

cbarrett

Yes, I looked at the console and no errors are popping up.

kthorngren

Can you post a link to a page showing the issue?

Kevin

cbarrett

cloud.iowadot.gov/Highway/weatherview/

Click on a point, then click on the forecast tab.

cbarrett

I figured it out. It's not a datatables issue. It's actually a DOJO issue.

HC777

Yo could use something similar to this example: https://datatables.net/reference/api/destroy()

cbarrett

my issue revolved around what element I wanted to use as the click event location:

$(document).ready(function () {
        $('body').on('click', '.dijitTab', function () {
            renderDataTable();
        });
    });

I instead had '.tabLabel' instead of .dijitTab, so when you click on the tab but not on the label, the DataTable wouldn't load all the way.