Datatables CDN Contains Incomplete CSS File

Datatables CDN Contains Incomplete CSS File

hofan41hofan41 Posts: 8Questions: 0Answers: 0

The current CSS : http://cdn.datatables.net/1.10.4/css/jquery.dataTables.css

Is incomplete when I try loading it compared to the downloaded package. This has broken the UI for any datatable using the CSS from the CDN.

Replies

  • allanallan Posts: 63,498Questions: 1Answers: 10,470 Site admin

    Can you link to a test page showing the issue please? The file appears to be complete as best I can tell, and this example appears to be working as expected.

    Allan

  • hofan41hofan41 Posts: 8Questions: 0Answers: 0

    That example you linked isnt working as expected. I am seeing broken CSS for the pagination section.

  • hofan41hofan41 Posts: 8Questions: 0Answers: 0

    http://imgur.com/88Hjy7I

    This is a screenshot of the example page you linked.

    Notice the pagination section is completely unstyled.

  • sataninsatanin Posts: 1Questions: 0Answers: 0
    edited January 2015

    W̶e̶ ̶a̶r̶e̶ ̶h̶a̶v̶i̶n̶g̶ ̶t̶h̶e̶ ̶s̶a̶m̶e̶ ̶i̶s̶s̶u̶e̶ ̶w̶i̶t̶h̶ ̶t̶h̶i̶s̶ ̶c̶d̶n̶ ̶s̶i̶n̶c̶e̶ ̶y̶e̶s̶t̶e̶r̶d̶a̶y̶:̶

    h̶t̶t̶p̶:̶/̶/̶c̶d̶n̶.̶d̶a̶t̶a̶t̶a̶b̶l̶e̶s̶.̶n̶e̶t̶/̶p̶l̶u̶g̶-̶i̶n̶s̶/̶3̶c̶f̶c̶c̶3̶3̶9̶e̶8̶9̶/̶i̶n̶t̶e̶g̶r̶a̶t̶i̶o̶n̶/̶b̶o̶o̶t̶s̶t̶r̶a̶p̶/̶3̶/̶d̶a̶t̶a̶T̶a̶b̶l̶e̶s̶.̶b̶o̶o̶t̶s̶t̶r̶a̶p̶.̶c̶s̶s̶

    Solved updating the js cdn link! Thx

  • allanallan Posts: 63,498Questions: 1Answers: 10,470 Site admin

    @hofan41 - The screenshot is of the link I gave above, unmodified? I'm not able to repeat that - it looks fine in my own browses.

    What browser and OS are you using?

    Does the example here work for you?

    Allan

  • hofan41hofan41 Posts: 8Questions: 0Answers: 0
    edited January 2015

    @allan - Yes, it is unmodified. It is probably a difficult to track down bug like a dirty cache. I am using windows 7/Chrome.

    The example on datatables.net works because the css applied is not from the CDN. I have noticed that:

    http://cdn.datatables.net/1.10.4/css/jquery.dataTables.css - Does not work

    httpS://cdn.datatables.net/1.10.4/css/jquery.dataTables.css - Does work (https)

    http://cdn.datatables.net/1.10.4/css/jquery.dataTables.min.css - Also works

    The not working css file ends with the following corrupted css gibberish:

    table.dataTable.order-column tbody tr.selected > .sorting_1,
    table.dataTable.order-column tbody tr.selected > .sorting_2,
    table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
    table.dataTable.display tbody tr.selected > .sorting_sorting_2,
    table.dataTable.display .selected > .sorting_3 {
      background-color: #acbad4;
    }
    table.dataTable.display tbody tr.odd > .sorting_1,ble.disy,ble.disy,ble.d-tolumn tbody tr.selected > .sorrting_2,
    table.dataTable.display .is/sort_asc_disabled.pnad.is/cted > .sorting_sorting_2,
    tablelor: #f9f9f9;
    }c.hover tbody trdy tr.seleciort_asc_disabled.pnad.is/cted > .sorting_sorting_2,
    c_disabled.pnad.is/cted > .sorting_sorting_2
    
  • hofan41hofan41 Posts: 8Questions: 0Answers: 0

    There is something definitely wrong with the cdn file. I have tried on multiple windows machines on the same network, and I have also tried from a linode machine located in Fremont. They all retrieve the same corrupted version.

    However, when I try retrieving the css from chrome on my iphone connected to T-Mobile 4G, I get the non-corrupted version.

    I believe there may be a corrupted version of the css on one of the cdn servers that is used to serve the west coast USA.

  • hofan41hofan41 Posts: 8Questions: 0Answers: 0

    Attaching console output of wget from linode Fremont. This is the corrupted version as it is only 4249 bytes.

    hofan@localhost:~$ wget http://cdn.datatables.net/1.10.4/css/jquery.dataTables.css
    --2015-01-28 18:28:24--  http://cdn.datatables.net/1.10.4/css/jquery.dataTables.css
    Resolving cdn.datatables.net (cdn.datatables.net)... 162.159.244.98, 162.159.245.98, 2400:cb00:2048:1::a29f:f562, ...
    Connecting to cdn.datatables.net (cdn.datatables.net)|162.159.244.98|:80... connected.
    HTTP request sent, awaiting response... 200 OK
    Length: unspecified [text/css]
    Saving to: ‘jquery.dataTables.css’
    
        [ <=>                                   ] 4,249       --.-K/s   in 0s
    
    2015-01-28 18:28:25 (109 MB/s) - ‘jquery.dataTables.css’ saved [4249]
    
  • allanallan Posts: 63,498Questions: 1Answers: 10,470 Site admin

    Hi,

    Thanks for looking into this further.

    I believe there may be a corrupted version of the css on one of the cdn servers that is used to serve the west coast USA.

    I agree - that's the only thing I can come up with that would explain the difference. I've just cleared CloudFlare's cache of that file, so hopefully the issue will now be resolved, but it is rather worrying that it might have cached a corrupt file.

    Could you confirm if it works for you now?

    Allan

  • hofan41hofan41 Posts: 8Questions: 0Answers: 0
    edited January 2015

    Everything is working now!

    Thanks for clearing the cache!

This discussion has been closed.