diff --git a/src/main/resources/support/http/resources/sql.html b/src/main/resources/support/http/resources/sql.html
index 57a1f8e68d..7f4b2507fa 100644
--- a/src/main/resources/support/http/resources/sql.html
+++ b/src/main/resources/support/http/resources/sql.html
@@ -8,6 +8,7 @@
     	<script type="text/javascript" src="js/jquery.min.js"></script>
 		<script src="js/lang.js" type="text/javascript" charset="utf8"></script>
 		<script src="js/common.js" type="text/javascript" charset="utf8"></script>
+		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf8"></script>
 	</head>
 	<body>
 		
@@ -103,11 +104,12 @@
 	    				
 	    				var html = "";
 	    				for ( var i = 0; i < sqlStatList.length; i++) {
-	    					var stat = sqlStatList[i];
+	    					var stat = sqlStatList[i], statSQL=stat.SQL;
+	    					var newStatSQL=statSQL.replace(/\"/g,"'");
 	    					var newRow = sqlStatTable.insertRow(-1);
 	    					html += "<tr>";
 	    					html += "<td>" + (i + 1) + "</td>";
-	    					html += "<td>" + '<a target="_blank" href="sql-detail.html?sqlId=' + stat.ID + '">' + druid.common.subSqlString(stat.SQL, 25) + '</a>' + "</td>";
+	    					html += "<td>" + '<a data-dismiss="alert"  title="'+newStatSQL+'" target="_blank" href="sql-detail.html?sqlId=' + stat.ID + '">' + druid.common.subSqlString(stat.SQL, 25) + '</a>' + "</td>";
 	    					html += "<td>" + replace(stat.ExecuteCount) + "</td>";
 	    					html += "<td>" + replace(stat.TotalTime) + "</td>";