Quantcast
Channel: DataTables 1.10 — DataTables forums
Viewing all articles
Browse latest Browse all 2364

Dependency Order or CDN changes to get Responsive table to work?

$
0
0

I created a datatable that uses the responsive setting over a year ago and pretty sure it was working as designed. Today, my client mentioned they couldn't get to the edit buttons in the last column and when I went to check the table was not being responsive (it wasn't adding the little green + signs).

When developing in my localhost I use local paths to external libraries saved on my server. For production the site uses CDN links. Is there a chance something changed in the CDN files that would have broken the responsive feature?

Here are my current CDN links (I also tried updating the links to the latest versions for the datatables and extensions, but no luck.) I'm just using my local paths for the production environment to make the client happy, but curious if this could have caused the issue. I'm not getting any errors that a file can't be loaded or anything easy either.

CDN Dependency files (doesn't show responsive table):

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.18/css/jquery.dataTables.min.css"/>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/buttons/1.5.2/js/dataTables.buttons.min.js"></script>
<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/select/1.2.6/js/dataTables.select.min.js"></script>
<script src="<?smarty $smarty.const.EXTERNAL_URL ?>/bootstrap/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/ui-lightness/jquery-ui.css">

Files from LocalHost (not sure if helpful or not) and these do work for showing a responsive datatable:

<script src="<?smarty $smarty.const.EXTERNAL_URL ?>/jquery/jquery.1.11.1.min.js"></script>
<script src="<?smarty $smarty.const.EXTERNAL_URL ?>/jquery/jquery-ui.1.11.1.min.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="<?smarty $smarty.const.EXTERNAL_URL ?>/DataTables/datatables.css"/>
<script type="text/javascript" src="<?smarty $smarty.const.EXTERNAL_URL ?>/DataTables/datatables.min.js"></script>
<script type="text/javascript" src="<?smarty $smarty.const.EXTERNAL_URL ?>/DataTables/Buttons-1.5.1/js/dataTables.buttons.js"></script>
<script type="text/javascript" src="<?smarty $smarty.const.EXTERNAL_URL ?>/DataTables/Select-1.3.0/js/dataTables.select.min.js"></script>
<script type="text/javascript" src="<?smarty $smarty.const.EXTERNAL_URL ?>/bootstrap/js/bootstrap.min.js"></script>

Viewing all articles
Browse latest Browse all 2364

Trending Articles