diff --git a/src/main/resources/support/http/resources/activeConnectionStackTrace.html b/src/main/resources/support/http/resources/activeConnectionStackTrace.html
index bf754a60a8..a4d73a037d 100644
--- a/src/main/resources/support/http/resources/activeConnectionStackTrace.html
+++ b/src/main/resources/support/http/resources/activeConnectionStackTrace.html
@@ -34,7 +34,7 @@ druid.activeConnectionStackTrace = function () {
 				url: 'activeConnectionStackTrace-' + datasourceId + '.json',
 				success: function(data) {
 					var conntionStackTraceList = data.Content;
-					if (conntionStackTraceList == null)
+					/* if (conntionStackTraceList == null)
 						return;
 
 					var activeConnectionStackTraceTable = document.getElementById("activeConnectionStackTraceTable");
@@ -45,7 +45,7 @@ druid.activeConnectionStackTrace = function () {
 						var conntionStackTrace = conntionStackTraceList[i];
 						var newRow = activeConnectionStackTraceTable.insertRow(-1);
 						newRow.insertCell(-1).innerHTML = conntionStackTrace;
-					}
+					} */
 				},
 				dataType: "json"
 			});
diff --git a/src/main/resources/support/http/resources/connectionInfo.html b/src/main/resources/support/http/resources/connectionInfo.html
index de6d49091f..5e63cd0b20 100644
--- a/src/main/resources/support/http/resources/connectionInfo.html
+++ b/src/main/resources/support/http/resources/connectionInfo.html
@@ -15,26 +15,26 @@
           				<h3>
           					Pooling Connection Info List for Datasource-<span id="datasourceId"></span>
           				</h3>
-						<table id="dataTable" class="table table-bordered table-striped responsive-utilities">
+						<table id="dataTable" class="table table-bordered table-striped">
 							<thead>
 								<tr>
-									<th class="td_lable" width="50">ID</th>
-									<th class="td_lable" width="50">Use Count</th>
-									<th class="td_lable" width="150">Last ActiveTime</th>
-									<th class="td_lable" width="150">ConnectTime</th>
-									<th class="td_lable" width="50">Holdability</th>
-									<th class="td_lable" width="50">Transaction Isolation</th>
-									<th class="td_lable" width="50">AutoCommit</th>
-									<th class="td_lable" width="50">ReadoOnly</th>
-									<th class="td_lable">
+									<th width="50">ID</th>
+									<th width="50">UseCount</th>
+									<th width="150">LastActiveTime</th>
+									<th width="150">ConnectTime</th>
+									<th width="50">Holdability</th>
+									<th width="50" title="Transaction Isolation">TranIsolation</th>
+									<th width="50">AutoCommit</th>
+									<th width="50">ReadoOnly</th>
+									<th>
 										Pscache<br />
-										<table cellspacing="1" cellpadding="5" width="100%">
-											<tr>
-												<th class="td_lable">sql</th>
-												<th class="td_lable" width="50">default Row Pretch</th>
-												<th class="td_lable" width="50">row Prefetch</th>
-												<th class="td_lable" width="50">hit Count</th>
-											</tr>
+										<table>
+											<thead><tr>
+												<th>sql</th>
+												<th width="50">defaultRowPretch</th>
+												<th width="50">rowPrefetch</th>
+												<th width="50">hitCount</th>
+											</tr></thead>
 										</table>
 									</th>
 								</tr>
diff --git a/src/main/resources/support/http/resources/css/style.css b/src/main/resources/support/http/resources/css/style.css
index 9c7d25bf21..b5280cb7f6 100644
--- a/src/main/resources/support/http/resources/css/style.css
+++ b/src/main/resources/support/http/resources/css/style.css
@@ -4,40 +4,14 @@ body{
 	padding-top: 60px;
 	padding-bottom: 40px;
 }
-table .header {
-    cursor: pointer;
+#dataTable th > a {
+    color: #555555;
 }
-table .header:after {
-    border-color: #000000 transparent;
-    border-style: solid;
-    border-width: 0 4px 4px;
-    content: "";
-    float: right;
-    margin-top: 7px;
-    visibility: hidden;
-}
-table .headerSortUp, table .headerSortDown {
-    background-color: rgba(141, 192, 219, 0.25);
-    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
-}
-table .headerSortDown:after, table .headerSortDown:hover:after {
-    opacity: 0.6;
-    visibility: visible;
-}
-table .headerSortUp:after {
-    border-color: #000000 transparent -moz-use-text-color;
-    border-style: solid solid none;
-    border-width: 4px 4px medium;
-    box-shadow: none;
-    opacity: 0.6;
-    visibility: visible;
-}
-table .yellow {
+#dataTable th {
+	background-color: #E5E5E5;
     border-bottom-color: #FFC40D;
-    color: #FFC40D;
-}
-table .yellow {
-    background-color: #FFF6D9;
+    color: #555555;
+    cursor: pointer;
 }
 
 .footer {
diff --git a/src/main/resources/support/http/resources/js/common.js b/src/main/resources/support/http/resources/js/common.js
index 5c417fb68b..67141d45a7 100644
--- a/src/main/resources/support/http/resources/js/common.js
+++ b/src/main/resources/support/http/resources/js/common.js
@@ -22,7 +22,7 @@ druid.common = function () {
 				      	'				<ul class="nav">'+
 				      	'					<li><a href="index.html">Index</a></li>'+
 				      	'					<li><a href="datasource.html">DataSource</a></li>'+
-				      	'					<li><a href="sql.html">Sql</a></li>'+
+				      	'					<li><a href="sql.html">SQL</a></li>'+
 				      	'					<li><a href="weburi.html">WebURI</a></li>'+
 				      	'					<li><a href="websession.html">Web Session</a></li>'+
 				      	'					<li><a href="spring.html">Spring</a></li>'+
@@ -84,35 +84,28 @@ druid.common = function () {
 		resetSortMark : function() {
 			var divObj = document.getElementById('th-' + statViewOrderBy);
 			var old_divObj = document.getElementById('th-' + statViewOrderBy_old);
+			var replaceToStr = '';
 			if (old_divObj) {
 				var html = old_divObj.innerHTML;
-				if (statViewOrderBy_old.indexOf('[') > 0) {
-					html = html.replace('↑', '-');
-					html = html.replace('↓', '-');
-					old_divObj.innerHTML = html
-				} else {
-					$(old_divObj).parent().removeClass("headerSortDown").removeClass("headerSortUp")
+				if (statViewOrderBy_old.indexOf('[') > 0)
+					replaceToStr = '-';
+				html = html.replace('▲', replaceToStr);
+				html = html.replace('▼', replaceToStr);
+				old_divObj.innerHTML = html
+			}
+			if (divObj) {
+				var html = divObj.innerHTML;
+				if (statViewOrderBy.indexOf('[') > 0)
+					html = '';
+
+				if (statViewOrderType == 'asc') {
+					html += '▲';
+				} else if (statViewOrderType == 'desc') {
+					html += '▼';
 				}
+				divObj.innerHTML = html;
 			}
 			
-			if (divObj) {
-				console.info(divObj)
-				if (statViewOrderBy.indexOf('[') > 0) {
-					html = '';
-					if (statViewOrderType == 'asc') {
-						html += '&uarr;';
-					} else if (statViewOrderType == 'desc') {
-						html += '&darr;';
-					}
-					divObj.innerHTML = html;
-				} else {
-					if (statViewOrderType == 'asc') {
-						$(divObj).parent().addClass("headerSortDown")
-					} else if (statViewOrderType == 'desc') {
-						$(divObj).parent().addClass("headerSortUp")
-					}
-				}
-			}
 			this.ajaxRequestForBasicInfo();
 		},
 
diff --git a/src/main/resources/support/http/resources/spring.html b/src/main/resources/support/http/resources/spring.html
index 203ec74e34..3f5b543363 100644
--- a/src/main/resources/support/http/resources/spring.html
+++ b/src/main/resources/support/http/resources/spring.html
@@ -18,19 +18,19 @@
 						<table id="dataTable" class="table table-bordered table-striped responsive-utilities">
 							<thead>
 								<tr>
-									<th class="yellow header">N--</th>
-									<th class="yellow header"><a id="Class" href="javascript:void(0)" onclick="druid.common.setOrderBy('Class');">Class</a></th>
-									<th class="yellow header"><a id="Method" href="javascript:void(0)" onclick="druid.common.setOrderBy('Method');">Method</a></th>
-									<th class="yellow header" width="50"><a id="th-ExecuteCount" href="javascript:void(0)" onclick="druid.common.setOrderBy('ExecuteCount');">Exec Count</a></th>
-									<th class="yellow header" width="50"><a id="th-ExecuteTimeMillis" href="javascript:void(0)" onclick="druid.common.setOrderBy('ExecuteTimeMillis');" title="ExecuteTimeMillis">Exec Time</a></th>
-									<th class="yellow header" width="50"><a id="th-RunningCount" href="javascript:void(0)" onclick="druid.common.setOrderBy('RunningCount');">Running Count</a></th>
-									<th class="yellow header" width="80"><a id="th-ConcurrentMax" href="javascript:void(0)" onclick="druid.common.setOrderBy('ConcurrentMax');">Concurrent Max</a></th>
-									<th class="yellow header" width="80"><a id="th-JdbcExecuteCount" href="javascript:void(0)" onclick="druid.common.setOrderBy('JdbcExecuteCount');">Jdbc Exec Count</a></th>
-									<th class="yellow header" width="80"><a id="th-JdbcExecuteTimeMillis" href="javascript:void(0)" onclick="common.spring.setOrderBy('JdbcExecuteTimeMillis');" title="JdbcExecuteTimeMillis">Jdbc Exec Time</a></th>
-									<th class="yellow header" width="80"><a id="th-JdbcCommitCount" href="javascript:void(0)" onclick="druid.common.setOrderBy('JdbcCommitCount');">Jdbc Commit</a></th>
-									<th class="yellow header" width="80"><a id="th-JdbcRollbackCount" href="javascript:void(0)" onclick="druid.common.setOrderBy('JdbcRollbackCount');">Jdbc Rollback</a></th>
-									<th class="yellow header" width="80"><a id="th-JdbcFetchRowCount" href="javascript:void(0)" onclick="druid.common.setOrderBy('JdbcFetchRowCount');">Jdbc FetchRow</a></th>
-									<th class="yellow header" width="80"><a id="th-JdbcUpdateCount" href="javascript:void(0)" onclick="druid.common.setOrderBy('JdbcUpdateCount');">Jdbc Update</a></th>
+									<th>N</th>
+									<th><a id="th-Class" href="javascript:void(0);">Class</a></th>
+									<th><a id="th-Method" href="javascript:void(0);">Method</a></th>
+									<th width="50"><a id="th-ExecuteCount" href="javascript:void(0);">ExecCount</a></th>
+									<th width="50"><a id="th-ExecuteTimeMillis" href="javascript:void(0);" title="ExecuteTimeMillis">ExecTime</a></th>
+									<th width="50"><a id="th-RunningCount" href="javascript:void(0);">RunningCount</a></th>
+									<th width="80" title="Concurrent Max"><a id="th-ConcurrentMax" href="javascript:void(0);">Concurrent</a></th>
+									<th width="80" title="Jdbc Exec Count"><a id="th-JdbcExecuteCount" href="javascript:void(0);">JdbcCount</a></th>
+									<th width="80" title="JdbcExecuteTimeMillis"><a id="th-JdbcExecuteTimeMillis" href="javascript:void(0);">JdbcTime</a></th>
+									<th width="80"><a id="th-JdbcCommitCount" href="javascript:void(0);">JdbcCommit</a></th>
+									<th width="80"><a id="th-JdbcRollbackCount" href="javascript:void(0);">JdbcRollback</a></th>
+									<th width="80"><a id="th-JdbcFetchRowCount" href="javascript:void(0);">JdbcFetchRow</a></th>
+									<th width="80"><a id="th-JdbcUpdateCount" href="javascript:void(0);">JdbcUpdate</a></th>
 								</tr>
 							</thead> 
 							<tbody></tbody>
@@ -43,6 +43,9 @@
 	    	druid.spring = function () {  
 	    		return  {
 	    			init : function() {
+	    				$("#dataTable th a").click(function(obj) {
+	    					druid.common.setOrderBy(obj.target.id.substring(3))
+	    				})
 	    				druid.common.buildHead(5);
 	    				druid.common.ajaxuri = 'spring.json?';
 	    				druid.common.handleAjaxResult = druid.spring.handleAjaxResult;
diff --git a/src/main/resources/support/http/resources/sql.html b/src/main/resources/support/http/resources/sql.html
index dd93d76e62..f629cc3e7c 100644
--- a/src/main/resources/support/http/resources/sql.html
+++ b/src/main/resources/support/http/resources/sql.html
@@ -18,52 +18,52 @@
 						<table id="dataTable" class="table table-bordered table-striped responsive-utilities">
 							<thead>
 								<tr>
-									<th class="yellow header">N--</th>
-									<th class="yellow header"><a id="th-SQL" href="javascript:void(0)" onclick="druid.common.setOrderBy('SQL');">SQL</a></th>
-									<th class="yellow header" width="50"><a id="th-ExecuteCount" href="javascript:void(0)" onclick="druid.common.setOrderBy('ExecuteCount');">Execute Count</a></th>
-									<th class="yellow header" width="50"><a id="th-TotalTime" href="javascript:void(0)" onclick="druid.common.setOrderBy('TotalTime');">Execute Millis Total</a></th>
-									<th class="yellow header" width="50"><a id="th-MaxTimespan" href="javascript:void(0)" onclick="druid.common.setOrderBy('MaxTimespan');">Execute Millis Max</a></th>
-									<th class="yellow header" width="50"><a id="th-InTransactionCount" title="Execute in transaction Count" href="druid.common.javascript:void(0)" onclick="setOrderBy('InTransactionCount');">InTxn Count</a></th>
-									<th class="yellow header" width="50"><a id="th-ErrorCount" href="javascript:void(0)" onclick="druid.common.setOrderBy('ErrorCount');">Error Count</a></th>
-									<th class="yellow header" width="50"><a id="th-EffectedRowCount" href="javascript:void(0)" onclick="druid.common.setOrderBy('EffectedRowCount');">Effected Row Count</a></th>
-									<th class="yellow header" width="50"><a id="th-FetchRowCount" href="javascript:void(0)" onclick="druid.common.setOrderBy('FetchRowCount');">Fetch Row Count</a></th>
-									<th class="yellow header" width="50"><a id="th-RunningCount" href="javascript:void(0)" onclick="druid.common.setOrderBy('RunningCount');">Running Count</a></th>
-									<th class="yellow header" width="80"><a id="th-ConcurrentMax" href="javascript:void(0)" onclick="druid.common.setOrderBy('ConcurrentMax');">Concurrent Max</a></th>
-									<th id="th-Histogram" class="yellow header" align="left" width="100">ExecHistogram <br />[ 
-										<a id="th-Histogram[0]" title="count of '0-1 ms'" href="javascript:void(0)" onclick="druid.common.setOrderBy('Histogram[0]');">-</a>
-										<a id="th-Histogram[1]" title="count of '1-10 ms'" href="javascript:void(0)" onclick="druid.common.setOrderBy('Histogram[1]');">-</a>
-										<a id="th-Histogram[2]" title="count of '10-100 ms'" href="javascript:void(0)" onclick="druid.common.setOrderBy('Histogram[2]');">-</a>
-										<a id="th-Histogram[3]" title="count of '100ms-1 s'" href="javascript:void(0)" onclick="druid.common.setOrderBy('Histogram[3]');">-</a>
-										<a id="th-Histogram[4]" title="count of '1-10 s'" href="javascript:void(0)" onclick="druid.common.setOrderBy('Histogram[4]');">-</a>
-										<a id="th-Histogram[5]" title="count of '10-100 s'" href="javascript:void(0)" onclick="druid.common.setOrderBy('Histogram[5]');">-</a>
-										<a id="th-Histogram[6]" title="count of '100-1000 s'" href="javascript:void(0)" onclick="druid.common.setOrderBy('Histogram[6]');">-</a>
-										<a id="th-Histogram[7]" title="count of '> 1000 s'" href="javascript:void(0)" onclick="druid.common.setOrderBy('Histogram[7]');">-</a> ]
+									<th>N</th>
+									<th><a id="th-SQL" href="javascript:void(0);">SQL</a></th>
+									<th width="50"><a id="th-ExecuteCount" href="javascript:void(0);">ExecCount</a></th>
+									<th width="50" title="Execute Millis Total"><a id="th-TotalTime" href="javascript:void(0);">ExecTotal</a></th>
+									<th width="50" title="Execute Millis Max"><a id="th-MaxTimespan" href="javascript:void(0);">ExecMax</a></th>
+									<th width="50" title="Execute in transaction Count"><a id="th-InTransactionCount" href="javascript:void(0);">InTxnCount</a></th>
+									<th width="50"><a id="th-ErrorCount" href="javascript:void(0);">ErrorCount</a></th>
+									<th width="50"><a id="th-EffectedRowCount" href="javascript:void(0);">EffectedRowCount</a></th>
+									<th width="50" title="Fetch Row Count"><a id="th-FetchRowCount" href="javascript:void(0);">FetchCount</a></th>
+									<th width="50"><a id="th-RunningCount" href="javascript:void(0);">RunningCount</a></th>
+									<th width="80" title="Concurrent Max"><a id="th-ConcurrentMax" href="javascript:void(0);">Concurrent</a></th>
+									<th id="th-Histogram" align="left" width="100">ExecHistogram <br />[ 
+										<a id="th-Histogram[0]" title="count of '0-1 ms'" href="javascript:void(0);">-</a>
+										<a id="th-Histogram[1]" title="count of '1-10 ms'" href="javascript:void(0);">-</a>
+										<a id="th-Histogram[2]" title="count of '10-100 ms'" href="javascript:void(0);">-</a>
+										<a id="th-Histogram[3]" title="count of '100ms-1 s'" href="javascript:void(0);">-</a>
+										<a id="th-Histogram[4]" title="count of '1-10 s'" href="javascript:void(0);">-</a>
+										<a id="th-Histogram[5]" title="count of '10-100 s'" href="javascript:void(0);">-</a>
+										<a id="th-Histogram[6]" title="count of '100-1000 s'" href="javascript:void(0);">-</a>
+										<a id="th-Histogram[7]" title="count of '> 1000 s'" href="javascript:void(0);">-</a> ]
 									</th>
-									<th id="th-ExecuteAndResultHoldTimeHistogram" class="yellow header" align="left" width="100">ExecAndRsHold <br />[ 
-										<a id="th-ExecuteAndResultHoldTimeHistogram[0]" title="count of '0-1 ms'" href="javascript:void(0)" onclick="druid.common.setOrderBy('ExecuteAndResultHoldTimeHistogram[0]');">-</a>
-										<a id="th-ExecuteAndResultHoldTimeHistogram[1]" title="count of '1-10 ms'" href="javascript:void(0)" onclick="druid.common.setOrderBy('ExecuteAndResultHoldTimeHistogram[1]');">-</a>
-										<a id="th-ExecuteAndResultHoldTimeHistogram[2]" title="count of '10-100 ms'" href="javascript:void(0)" onclick="druid.common.setOrderBy('ExecuteAndResultHoldTimeHistogram[2]');">-</a>
-										<a id="th-ExecuteAndResultHoldTimeHistogram[3]" title="count of '100ms-1s'" href="javascript:void(0)" onclick="druid.common.setOrderBy('ExecuteAndResultHoldTimeHistogram[3]');">-</a>
-										<a id="th-ExecuteAndResultHoldTimeHistogram[4]" title="count of '1-10 s'" href="javascript:void(0)" onclick="druid.common.setOrderBy('ExecuteAndResultHoldTimeHistogram[4]');">-</a>
-										<a id="th-ExecuteAndResultHoldTimeHistogram[5]" title="count of '10-100 s'" href="javascript:void(0)" onclick="druid.common.setOrderBy('ExecuteAndResultHoldTimeHistogram[5]');">-</a>
-										<a id="th-ExecuteAndResultHoldTimeHistogram[6]" title="count of '100-1000 s'" href="javascript:void(0)" onclick="druid.common.setOrderBy('ExecuteAndResultHoldTimeHistogram[6]');">-</a>
-										<a id="th-ExecuteAndResultHoldTimeHistogram[7]" title="count of '> 1000 s'" href="javascript:void(0)" onclick="druid.common.setOrderBy('ExecuteAndResultHoldTimeHistogram[7]');">-</a> ]
+									<th id="th-ExecuteAndResultHoldTimeHistogram" align="left" width="100">ExecAndRsHold <br />[ 
+										<a id="th-ExecuteAndResultHoldTimeHistogram[0]" title="count of '0-1 ms'" href="javascript:void(0);">-</a>
+										<a id="th-ExecuteAndResultHoldTimeHistogram[1]" title="count of '1-10 ms'" href="javascript:void(0);">-</a>
+										<a id="th-ExecuteAndResultHoldTimeHistogram[2]" title="count of '10-100 ms'" href="javascript:void(0);">-</a>
+										<a id="th-ExecuteAndResultHoldTimeHistogram[3]" title="count of '100ms-1s'" href="javascript:void(0);">-</a>
+										<a id="th-ExecuteAndResultHoldTimeHistogram[4]" title="count of '1-10 s'" href="javascript:void(0);">-</a>
+										<a id="th-ExecuteAndResultHoldTimeHistogram[5]" title="count of '10-100 s'" href="javascript:void(0);">-</a>
+										<a id="th-ExecuteAndResultHoldTimeHistogram[6]" title="count of '100-1000 s'" href="javascript:void(0);">-</a>
+										<a id="th-ExecuteAndResultHoldTimeHistogram[7]" title="count of '> 1000 s'" href="javascript:void(0);">-</a> ]
 									</th>
-									<th id="th-FetchRowCountHistogram" class="yellow header" align="left" width="100">FetchRow <br />[ 
-										<a id="th-FetchRowCountHistogram[0]" title="count of '0 FetchRow'" href="javascript:void(0)" onclick="druid.common.setOrderBy('FetchRowCountHistogram[0]');">-</a>
-										<a id="th-FetchRowCountHistogram[1]" title="count of '1-9 FetchRow'" href="javascript:void(0)" onclick="druid.common.setOrderBy('FetchRowCountHistogram[1]');">-</a>
-										<a id="th-FetchRowCountHistogram[2]" title="count of '10-99 FetchRow'" href="javascript:void(0)" onclick="druid.common.setOrderBy('FetchRowCountHistogram[2]');">-</a>
-										<a id="th-FetchRowCountHistogram[3]" title="count of '100-999 FetchRow'" href="javascript:void(0)" onclick="druid.common.setOrderBy('FetchRowCountHistogram[3]');">-</a>
-										<a id="th-FetchRowCountHistogram[4]" title="count of '1000-9999 FetchRow'" href="javascript:void(0)" onclick="druid.common.setOrderBy('FetchRowCountHistogram[4]');">-</a>
-										<a id="th-FetchRowCountHistogram[5]" title="count of '> 9999 FetchRow'" href="javascript:void(0)" onclick="druid.common.setOrderBy('FetchRowCountHistogram[5]');">-</a> ]
+									<th id="th-FetchRowCountHistogram" align="left" width="100">FetchRow <br />[ 
+										<a id="th-FetchRowCountHistogram[0]" title="count of '0 FetchRow'" href="javascript:void(0);">-</a>
+										<a id="th-FetchRowCountHistogram[1]" title="count of '1-9 FetchRow'" href="javascript:void(0);">-</a>
+										<a id="th-FetchRowCountHistogram[2]" title="count of '10-99 FetchRow'" href="javascript:void(0);">-</a>
+										<a id="th-FetchRowCountHistogram[3]" title="count of '100-999 FetchRow'" href="javascript:void(0);">-</a>
+										<a id="th-FetchRowCountHistogram[4]" title="count of '1000-9999 FetchRow'" href="javascript:void(0);">-</a>
+										<a id="th-FetchRowCountHistogram[5]" title="count of '> 9999 FetchRow'" href="javascript:void(0);">-</a> ]
 									</th>
-									<th id="th-EffectedRowCountHistogram" class="yellow header" align="left" width="100">UpdateCount <br />[ 
-										<a id="th-EffectedRowCountHistogram[0]" title="count of '0 UpdateCount'" href="javascript:void(0)" onclick="druid.common.setOrderBy('EffectedRowCountHistogram[0]');">-</a>
-										<a id="th-EffectedRowCountHistogram[1]" title="count of '1-9 UpdateCount'" href="javascript:void(0)" onclick="druid.common.setOrderBy('EffectedRowCountHistogram[1]');">-</a>
-										<a id="th-EffectedRowCountHistogram[2]" title="count of '10-99 UpdateCount'" href="javascript:void(0)" onclick="druid.common.setOrderBy('EffectedRowCountHistogram[2]');">-</a>
-										<a id="th-EffectedRowCountHistogram[3]" title="count of '100-999 UpdateCount'" href="javascript:void(0)" onclick="druid.common.setOrderBy('EffectedRowCountHistogram[3]');">-</a>
-										<a id="th-EffectedRowCountHistogram[4]" title="count of '1000-9999 UpdateCount'" href="javascript:void(0)" onclick="druid.common.setOrderBy('EffectedRowCountHistogram[4]');">-</a>
-										<a id="th-EffectedRowCountHistogram[5]" title="count of '> 9999 UpdateCount'" href="javascript:void(0)" onclick="druid.common.setOrderBy('EffectedRowCountHistogram[5]');">-</a> ]
+									<th id="th-EffectedRowCountHistogram" align="left" width="100">UpdateCount <br />[ 
+										<a id="th-EffectedRowCountHistogram[0]" title="count of '0 UpdateCount'" href="javascript:void(0);">-</a>
+										<a id="th-EffectedRowCountHistogram[1]" title="count of '1-9 UpdateCount'" href="javascript:void(0);">-</a>
+										<a id="th-EffectedRowCountHistogram[2]" title="count of '10-99 UpdateCount'" href="javascript:void(0);">-</a>
+										<a id="th-EffectedRowCountHistogram[3]" title="count of '100-999 UpdateCount'" href="javascript:void(0);">-</a>
+										<a id="th-EffectedRowCountHistogram[4]" title="count of '1000-9999 UpdateCount'" href="javascript:void(0);">-</a>
+										<a id="th-EffectedRowCountHistogram[5]" title="count of '> 9999 UpdateCount'" href="javascript:void(0);">-</a> ]
 									</th>
 								</tr>
 							</thead> 
@@ -77,6 +77,9 @@
 	    	druid.sql = function () {  
 	    		return  {
 	    			init : function() {
+	    				$("#dataTable th a").click(function(obj) {
+	    					druid.common.setOrderBy(obj.target.id.substring(3))
+	    				})
 	    				druid.common.buildHead(2);
 	    				druid.common.ajaxuri = 'sql.json?';
 	    				druid.common.handleAjaxResult = druid.sql.handleAjaxResult;
diff --git a/src/main/resources/support/http/resources/websession.html b/src/main/resources/support/http/resources/websession.html
index 56a6149858..029b914979 100644
--- a/src/main/resources/support/http/resources/websession.html
+++ b/src/main/resources/support/http/resources/websession.html
@@ -15,25 +15,25 @@
           				<h3>
           					Web Session Stat
           				</h3>
-						<table id="dataTable" class="table table-bordered table-striped responsive-utilities">
+						<table id="dataTable" class="table table-bordered table-striped">
 							<thead>
 								<tr>
-									<th class="yellow header">N--</th>
-									<th class="yellow header"><a id="th-SESSIONID" href="javascript:void(0)" onclick="druid.common.setOrderBy('SESSIONID');">SESSIONID</a></th>
-									<th class="yellow header" width="50"><a id="th-Principal" href="javascript:void(0)" onclick="druid.common.setOrderBy('Principal');">Principal</a></th>
-									<th class="yellow header" width="100"><a id="th-CreateTime" href="javascript:void(0)" onclick="druid.common.setOrderBy('CreateTime');">Create Time</a></th>
-									<th class="yellow header" width="100"><a id="th-LastAccessTime" href="javascript:void(0)" onclick="druid.common.setOrderBy('LastAccessTime');">Last Access</a></th>
-									<th class="yellow header" width="50"><a id="th-RemoteAddress" href="javascript:void(0)" onclick="druid.common.setOrderBy('RemoteAddress');">RemoteAddress</a></th>
-									<th class="yellow header" width="50"><a id="th-RequestCount" href="javascript:void(0)" onclick="druid.common.setOrderBy('RequestCount');">Request Count</a></th>
-									<th class="yellow header" width="50"><a id="th-RequestTimeMillisTotal" href="javascript:void(0)" onclick="druid.common.setOrderBy('RequestTimeMillisTotal=');" title="RequestTimeMillisTotal">RequestTime</a></th>
-									<th class="yellow header" width="50"><a id="th-RunningCount" href="javascript:void(0)" onclick="druid.common.setOrderBy('RunningCount');">Running Count</a></th>
-									<th class="yellow header" width="80"><a id="th-ConcurrentMax" href="javascript:void(0)" onclick="druid.common.setOrderBy('ConcurrentMax');">Concurrent Max</a></th>
-									<th class="yellow header" width="80"><a id="th-JdbcExecuteCount" href="javascript:void(0)" onclick="druid.common.druid.websession.setOrderBy('JdbcExecuteCount');">Jdbc Exec Count</a></th>
-									<th class="yellow header" width="80"><a id="th-JdbcExecuteTimeMillis" href="javascript:void(0)" onclick="druid.common.setOrderBy('JdbcExecuteTimeMillis');" title="JdbcExecuteTimeMillis">Jdbc Exec Time</a></th>
-									<th class="yellow header" width="80"><a id="th-JdbcCommitCount" href="javascript:void(0)" onclick="druid.common.setOrderBy('JdbcCommitCount');">Jdbc Commit</a></th>
-									<th class="yellow header" width="80"><a id="th-JdbcRollbackCount" href="javascript:void(0)" onclick="druid.common.setOrderBy('JdbcRollbackCount');">Jdbc Rollback</a></th>
-									<th class="yellow header" width="80"><a id="th-JdbcFetchRowCount" href="javascript:void(0)" onclick="druid.common.setOrderBy('JdbcFetchRowCount');">Jdbc FetchRow</a></th>
-									<th class="yellow header" width="80"><a id="th-JdbcUpdateCount" href="javascript:void(0)" onclick="druid.common.setOrderBy('JdbcUpdateCount');">Jdbc Update</a></th>
+									<th>N</th>
+									<th><a id="th-SESSIONID" href="javascript:void(0);">SESSIONID </a></th>
+									<th width="50"><a id="th-Principal" href="javascript:void(0);">Principal</a></th>
+									<th width="100"><a id="th-CreateTime" href="javascript:void(0);">CreateTime</a></th>
+									<th width="100"><a id="th-LastAccessTime" href="javascript:void(0);">LastAccess</a></th>
+									<th width="50"><a id="th-RemoteAddress" href="javascript:void(0);">RemoteAddress</a></th>
+									<th width="50"><a id="th-RequestCount" href="javascript:void(0);">RequestCount</a></th>
+									<th width="50" title="RequestTimeMillisTotal"><a id="th-RequestTimeMillisTotal" href="javascript:void(0);">RequestTime</a></th>
+									<th width="50"><a id="th-RunningCount" href="javascript:void(0);">RunningCount</a></th>
+									<th width="80" title="Concurrent Max"><a id="th-ConcurrentMax" href="javascript:void(0);">Concurrent</a></th>
+									<th width="80" title="Jdbc Exec Count"><a id="th-JdbcExecuteCount" href="javascript:void(0);">JdbcCount</a></th>
+									<th width="80" title="Jdbc Exec Time"><a id="th-JdbcExecuteTimeMillis" href="javascript:void(0);" title="JdbcExecuteTimeMillis">JdbcTime</a></th>
+									<th width="80"><a id="th-JdbcCommitCount" href="javascript:void(0);">JdbcCommit</a></th>
+									<th width="80"><a id="th-JdbcRollbackCount" href="javascript:void(0);">JdbcRollback</a></th>
+									<th width="80"><a id="th-JdbcFetchRowCount" href="javascript:void(0);">JdbcFetchRow</a></th>
+									<th width="80"><a id="th-JdbcUpdateCount" href="javascript:void(0);">JdbcUpdate</a></th>
 								</tr>
 							</thead>
 							<tbody></tbody>
@@ -46,6 +46,9 @@
     	druid.websession = function () {  
     		return  {
     			init : function() {
+    				$("#dataTable th a").click(function(obj) {
+    					druid.common.setOrderBy(obj.target.id.substring(3))
+    				})
     				druid.common.buildHead(4);
     				druid.common.ajaxuri = 'websession.json?';
     				druid.common.handleAjaxResult = druid.websession.handleAjaxResult;
diff --git a/src/main/resources/support/http/resources/weburi.html b/src/main/resources/support/http/resources/weburi.html
index 93f33cac02..394ac5e4d3 100644
--- a/src/main/resources/support/http/resources/weburi.html
+++ b/src/main/resources/support/http/resources/weburi.html
@@ -15,21 +15,21 @@
           				<h3>
           					Web URI Stat
           				</h3>
-						<table id="dataTable" class="table table-bordered responsive-utilities">
+						<table id="dataTable" class="table table-bordered table-striped responsive-utilities">
 							<thead>
 								<tr>
-									<th class="yellow header">N--</th>
-									<th class="yellow header"><a id="th-URI" href="javascript:void(0)" onclick="druid.common.setOrderBy('URI');">URI</a></th>
-									<th class="yellow header" width="50"><a id="th-RequestCount" href="javascript:void(0)" onclick="druid.common.setOrderBy('RequestCount');">Request Count</a></th>
-									<th class="yellow header" width="50"><a id="th-RequestTimeMillis" href="javascript:void(0)" onclick="druid.common.setOrderBy('RequestTimeMillis');">Request Time</a></th>
-									<th class="yellow header" width="50"><a id="th-RunningCount" href="javascript:void(0)" onclick="druid.common.setOrderBy('RunningCount');">Running Count</a></th>
-									<th class="yellow header" width="50"><a id="th-ConcurrentMax" href="javascript:void(0)" onclick="druid.common.setOrderBy('ConcurrentMax');">Concurrent Max</a></th>
-									<th class="yellow header" width="50"><a id="th-JdbcExecuteCount" href="javascript:void(0)" onclick="druid.common.setOrderBy('JdbcExecuteCount');">Jdbc Exec Count</a></th>
-									<th class="yellow header" width="50"><a id="th-JdbcExecuteTimeMillis" href="javascript:void(0)" onclick="druid.common.setOrderBy('JdbcExecuteTimeMillis');">Jdbc Exec Time</a></th>
-									<th class="yellow header" width="50"><a id="th-JdbcCommitCount" href="javascript:void(0)" onclick="druid.common.setOrderBy('JdbcCommitCount');">Jdbc Commit</a></th>
-									<th class="yellow header" width="50"><a id="th-JdbcRollbackCount" href="javascript:void(0)" onclick="druid.common.setOrderBy('JdbcRollbackCount');">Jdbc Rollback</a></th>
-									<th class="yellow header" width="50"><a id="th-JdbcFetchRowCount" href="javascript:void(0)" onclick="druid.common.setOrderBy('JdbcFetchRowCount');">Jdbc FetchRow</a></th>
-									<th class="yellow header" width="50"><a id="th-JdbcUpdateCount" href="javascript:void(0)" onclick="druid.common.setOrderBy('JdbcUpdateCount');">Jdbc Update</a></th>
+									<th>N</th>
+									<th><a id="th-URI" href="javascript:void(0);">URI</a></th>
+									<th width="50"><a id="th-RequestCount" href="javascript:void(0);">RequestCount</a></th>
+									<th width="50"><a id="th-RequestTimeMillis" href="javascript:void(0);">RequestTime</a></th>
+									<th width="50"><a id="th-RunningCount" href="javascript:void(0);">RunningCount</a></th>
+									<th width="50" title="Concurrent Max"><a id="th-ConcurrentMax" href="javascript:void(0);">Concurrent</a></th>
+									<th width="50" title="Jdbc Execute Count"><a id="th-JdbcExecuteCount" href="javascript:void(0);">JdbcCount </a></th>
+									<th width="50" title="Jdbc Execute Time"><a id="th-JdbcExecuteTimeMillis" href="javascript:void(0);">JdbcTime</a></th>
+									<th width="50"><a id="th-JdbcCommitCount" href="javascript:void(0);">JdbcCommit</a></th>
+									<th width="50"><a id="th-JdbcRollbackCount" href="javascript:void(0);">JdbcRollback</a></th>
+									<th width="50"><a id="th-JdbcFetchRowCount" href="javascript:void(0);">JdbcFetchRow</a></th>
+									<th width="50"><a id="th-JdbcUpdateCount" href="javascript:void(0);">JdbcUpdate</a></th>
 								</tr>
 							</thead> 
 							<tbody></tbody>
@@ -42,6 +42,9 @@
     	druid.weburi = function () {  
     		return  {
     			init : function() {
+    				$("#dataTable th a").click(function(obj) {
+    					druid.common.setOrderBy(obj.target.id.substring(3))
+    				})
     				druid.common.buildHead(3);
     				druid.common.ajaxuri = 'weburi.json?';
     				druid.common.handleAjaxResult = druid.weburi.handleAjaxResult;