Display length changing input control

- Fixes #95

Author: adangel

History.md

@@ -4,6 +4,7 @@
 
 ## Fixed Issues
 
+*   [#95](https://github.com/pmd/pmd-regression-tester/issues/95): Add length menu for datatable to allow configurable page size
 *   [#96](https://github.com/pmd/pmd-regression-tester/issues/96): Fix failing integration tests
 
 ## External Contributions

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]);
         },