Merge pull request #101 from adangel:issue-95-page-size

Display length changing input control #101

* pr-101:
  Display length changing input control

Author: adangel

History.md

@@ -5,6 +5,7 @@
 ## Enhancements
 
 *   [#94](https://github.com/pmd/pmd-regression-tester/issues/94): Improve code snippet preview
+*   [#95](https://github.com/pmd/pmd-regression-tester/issues/95): Add length menu for datatable to allow configurable page size
 
 ## Fixed Issues
 

resources/js/project-report.js

@@ -52,7 +52,7 @@ $(document).ready(function () {
         ],
         deferRender: true,
         // scrollY: "6000px",
-        dom: 'Pfrtip', // Search Panes, filtering input, processing display element, table, table information summary, pagination control
+        dom: 'Pfrtipl', // Search Panes, filtering input, processing display element, table, table information summary, pagination control, length changing input control
         searchPanes: {
             viewTotal: true,
             cascadePanes: true,
@@ -113,6 +113,7 @@ $(document).ready(function () {
             },
         ],
         displayLength: 25,
+        lengthMenu: [ [10, 20, 25, 50, 100, -1], [10, 20, 25, 50, 100, "All"] ],
         rowCallback(row, data, index) {
             $(row).addClass(cssClass[data.t]);
         },