DRILL-8451: options and profile pages have bad order symbols style

exec/java-exec/src/main/resources/rest/options.ftl

@@ -69,7 +69,6 @@
     <!-- List of Option Descriptions -->
     <script src="/dynamic/options.describe.js"></script>
     <link href="/static/css/datatables.min.css" rel="stylesheet">
-    <link href="/static/css/drill-dataTables.sortable.css" rel="stylesheet">
 </#macro>
 
 <#macro page_body>
@@ -91,12 +90,12 @@
   </div>
   <#include "*/alertModals.ftl">
   <div class="table-responsive">
-    <table id='optionsTbl' class="table table-striped table-condensed display sortable" style="table-layout: auto; width: 100%;">
+    <table id='optionsTbl' class="table table-striped table-condensed display" style="table-layout: auto; width: 100%;">
       <thead>
         <tr>
-          <th style="width:30%">OPTION</th>
-          <th style="width:25%">VALUE</th>
-          <th style="width:45%">DESCRIPTION</th>
+          <th class="option" style="width:30%">OPTION</th>
+          <th class="value" style="width:25%">VALUE</th>
+          <th class="description" style="width:45%">DESCRIPTION</th>
         </tr>
       </thead>
       <tbody><#assign i = 1><#list model.getOptions() as option>
@@ -140,6 +139,10 @@
         "dom": 'lrit',
         "jQueryUI" : true,
         "searching": true,
+        "columnDefs": [ {
+            "targets": [ "value", "description" ],
+            "orderable": false
+        } ],
         "language": {
             "lengthMenu": "Display _MENU_ records per page",
             "zeroRecords": "No matching options found. Check search entry",

exec/java-exec/src/main/resources/rest/profile/profile.ftl

@@ -33,8 +33,10 @@
 <script src="/static/js/ace-code-editor/theme-sqlserver.js" type="text/javascript" charset="utf-8"></script>
 <script src="/static/js/ace-code-editor/snippets/sql.js" type="text/javascript" charset="utf-8"></script>
 <script src="/static/js/ace-code-editor/mode-snippets.js" type="text/javascript" charset="utf-8"></script>
-<link href="/static/css/drill-dataTables.sortable.css" rel="stylesheet">
-
+<link href="/static/css/datatables.min.css" rel="stylesheet">
+<style>
+  table.dataTable th {background-color: transparent}
+</style>
 <script>
     var globalconfig = {
         "queryid" : "${model.getQueryId()}"
@@ -45,7 +47,12 @@
         "searching": false,
         "lengthChange": false,
         "paging": false,
-        "info": false
+        "info": false,
+        "sDom": '<"top"lftip><"bottom"><"clear">',
+        "columnDefs": [ {
+          "targets": "_all",
+          "className": "dt-right"
+        } ]
       });
       //Enable Warnings by making it visible
       checkForWarnings();