diff --git a/src/data.js b/src/data.js index 68d2f3d7b70692c18b5dbce22199b59cba96fb38..89fd6b52f6897c8363f6082c901e052842a6b37e 100644 --- a/src/data.js +++ b/src/data.js @@ -21,7 +21,6 @@ sql.connect(config, function(err) { sqlRequest.query(sqlQuery, function(err,data) { if (err) console.log(err); - console.log(data.recordsets); displayDataTable(data.recordsets[0]); sql.close(); @@ -35,6 +34,8 @@ function displayDataTable(data){ data: data, pagingType: 'full_numbers', stateSave: true, + lengthChange: false, + searching: false, "columns": [ { "data": "patient_id", "defaultContent": "NULL"}, diff --git a/src/index.html b/src/index.html index 82ecc10ddceb128cccebd05624e5e6d21c09c51e..1ce6b10c4e6f7201745c321f0a01f5cf29f51e9d 100644 --- a/src/index.html +++ b/src/index.html @@ -51,7 +51,7 @@ <div class="col-xl-10 d-flex flex-column"> <main class="row overflow-auto"> <div class="col pt-5"> - <table class="table table-striped table-hover table-bordered border-dark table-sm datatable-table" id="dashboardTable"> + <table class="table table-striped table-hover table-bordered border-dark table-sm datatable-table pt-4" id="dashboardTable"> <thead class="datatable-table table-dark"> <tr> <th style="cursor: pointer;" scope="col"> @@ -138,4 +138,33 @@ </div> </div> </body> + <script> + // Alter number of rows shown in DataTable dependent on screen height + $(window).resize(function () { + if ($(this).height() >= 1080){ + $('#dashboardTable').DataTable().page.len(20).draw(); + } else if ($(this).height() >= 1040) { + $('#dashboardTable').DataTable().page.len(19).draw(); + } else if ($(this).height() >= 1000) { + $('#dashboardTable').DataTable().page.len(18).draw(); + } else if ($(this).height() >= 960) { + $('#dashboardTable').DataTable().page.len(17).draw(); + } else if ($(this).height() >= 940) { + $('#dashboardTable').DataTable().page.len(16).draw(); + } else if ($(this).height() >= 900) { + $('#dashboardTable').DataTable().page.len(15).draw(); + } else if ($(this).height() >= 860) { + $('#dashboardTable').DataTable().page.len(14).draw(); + } else if ($(this).height() >= 820) { + $('#dashboardTable').DataTable().page.len(13).draw(); + } else if ($(this).height() >= 780) { + $('#dashboardTable').DataTable().page.len(12).draw(); + } else if ($(this).height() >= 720) { + $('#dashboardTable').DataTable().page.len(11).draw(); + } else { + // default pageLength + $('#dashboardTable').DataTable().page.len(10).draw(); + } + }); + </script> </html> \ No newline at end of file