Use Select and Buttons extensions to DataTables for UI elements.

Display the "action" buttons using the "Select" and "Buttons"
extensions to DataTables.

1 files changed, 12 insertions, 1 deletions

diff --git a/uploader/templates/phenotypes/view-dataset.html b/uploader/templates/phenotypes/view-dataset.html
index 3ab8004..c66f76b 100644
--- a/uploader/templates/phenotypes/view-dataset.html
+++ b/uploader/templates/phenotypes/view-dataset.html
@@ -126,7 +126,18 @@
               }
           ],
           {
-              // select: true, // extension is causing trouble.
+              select: "multi+shift",
+              scrollY: "1000px",
+              layout: {
+                  topStart: {
+                      buttons: [
+                          {extend: "selectAll", className: "btn btn-info"},
+                          {extend: "selectNone", className: "btn btn-info"}
+                      ]
+                  },
+                  topEnd: "info",
+                  bottomEnd: null
+              },
               rowId: function(pheno) {
                   return `${pheno.InbredSetCode}_${pheno.xref_id}`;
               }