Resizing now works on all tables

src/HtmlJs/PerfDataService/Views/static/stackviewer.css

@@ -181,6 +181,10 @@ table tbody td, table tbody th {
     text-indent: 8px;
 }
 
+table.treetable span.indenter {
+    display: inline;  /* TODO: THIS COULD BE HACKY; Figure out another way to fix arrow indenting problem*/
+}
+
 table tbody tr:nth-child(even) {
     background-color: #dddddd;
 }

src/HtmlJs/PerfDataService/Views/static/stackviewer.html

@@ -112,7 +112,7 @@
             <table id="call-treeTree">
                 <thead>
                     <tr>
-                        <th>Name</th>
+                        <th style="width: 70%;">Name</th>
                         <th>Inc %</th>
                         <th>Inc</th>
                         <th>Exc %</th>
@@ -138,7 +138,7 @@
                 <table id="callersTree">
                     <thead>
                         <tr>
-                            <th>Name</th>
+                            <th style="width: 70%;">Name</th>
                             <th>Inc %</th>
                             <th>Inc</th>
                             <th>Exc %</th>
@@ -164,7 +164,7 @@
             <table id="calleesTree">
                 <thead>
                     <tr>
-                        <th>Name</th>
+                        <th style="width: 70%;">Name</th>
                         <th>Inc %</th>
                         <th>Inc</th>
                         <th>Exc %</th>
@@ -262,6 +262,12 @@
             stackDelegate.filters = $("#filtersForm").serialize();  // In case there are any default filter values set
             loadAndDisplayData(["by-name-list", "call-treeTree"], false);
 
+            $('#tabs').on('change.zf.tabs', function() {
+                $("#" + $(".is-active table").attr("id")).colResizable({
+                    liveDrag: true
+                });
+            });
+
             // Initialize callersTree and possibly set some properties
             $("#callersTree").treetable({
                 expandable: true,