Responsive not working

dhyanesh

Hello,

I want to add Responsive to my php tables. I am unable to get this working. Below is my code.

$(document).ready(function() { $('#example').dataTable( { "dom": 'T<"clear">lfrtip', "oTableTools": { "sSwfPath": "/scripts/copy_csv_xls_pdf.swf", "aButtons": [ "xls", { "sExtends": "pdf", "sPdfOrientation": "landscape" }] } }); }); <?php $result = mysql_query("SELECT * FROM tbl_test"); while($row = mysql_fetch_array($result)) { echo "<tr class='odd gradeX'> " . $row['DateTime'] . " " . $row['Carrier'] . " " . $row['EmailAdd'] . " " . $row['Comments'] . " "; } ?>

Date/Time	Carrier	Email Address	Comments

Scripts/CSS included on my page:

<script src="js/bootstrap.min.js"></script>
<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>

<!-- Page-Level Plugin Scripts - Tables -->
<script src="js/plugins/dataTables/jquery.dataTables.js"></script>
<script src="js/plugins/dataTables/dataTables.bootstrap.js"></script>

<script src="js/plugins/dataTables/dataTables.tableTools.js"></script>
<script src="http://cdn.datatables.net/responsive/1.0.3/js/dataTables.responsive.js"></script>

<!-- SB Admin Scripts - Include with every page -->
<script src="js/sb-admin.js"></script>

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="font-awesome/css/font-awesome.css" rel="stylesheet">
<link href="css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">
<link href="https://cdn.datatables.net/1.10.4/css/jquery.dataTables.css" rel="stylesheet">
<link href="https://cdn.datatables.net/tabletools/2.2.3/css/dataTables.tableTools.css" rel="stylesheet">
<link href="https://editor.datatables.net/media/css/dataTables.editor.min.css" rel="stylesheet">
<link href="http://cdn.datatables.net/responsive/1.0.3/css/dataTables.responsive.css" rel="stylesheet">
<link href="http://cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/3/dataTables.bootstrap.css" rel="stylesheet">

<!-- Page-Level Plugin CSS - Dashboard -->
<link href="css/plugins/morris/morris-0.4.3.min.css" rel="stylesheet">
<link href="css/plugins/timeline/timeline.css" rel="stylesheet">

<!-- SB Admin CSS - Include with every page -->
<link href="css/sb-admin.css" rel="stylesheet">   

Thank you for your help.

dhyanesh

Hello,

Any assistance or pointers to documentation to resolve the issue will be helpful.

Thank you.

dhyanesh

This may help someone. Managed to resolve this by using the latest version DataTables.