恶意ip的hbase内容展示

@@ -100,7 +100,7 @@
 </div>
 
 <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
-    <div class="modal-dialog">
+    <div class="modal-dialog" style="width:900px;">
         <div class="modal-content" style="width: 140%">
             <div class="modal-header">
                 <button type="button" class="close" data-dismiss="modal"
@@ -145,10 +145,86 @@
             },
             columns: [
                 {
-                    title: "内容",
-                    field: "reason",
-                    width: "100%"
-                }]
+                    title: "本地IP",
+                    width:"12%",
+                    field: "localIp",
+                    styler : function(value, rowData, rowIndex){
+                        return {
+                            "vertical-align" : "middle"
+                        };
+                    }
+                },{
+                    title: "用户IP",
+                    width:"12%",
+                    field: "userIp",
+                    styler : function(value, rowData, rowIndex){
+                        return {
+                            "vertical-align" : "middle"
+                        };
+                    }
+                },{
+                    title: "时间",
+                    width:"9%",
+                    field: "currDateStr",
+                    styler : function(value, rowData, rowIndex){
+                        return {
+                            "vertical-align" : "middle"
+                        };
+                    }
+                },{
+                    title: "请求方式",
+                    width:"7%",
+                    field: "requestType",
+                    styler : function(value, rowData, rowIndex){
+                        return {
+                            "vertical-align" : "middle"
+                        };
+                    }
+                },{
+                    title: "User-Agent",
+                    width:"9%",
+                    field: "userAgent",
+                    styler : function(value, rowData, rowIndex){
+                        return {
+                            "vertical-align" : "middle"
+                        };
+                    }
+                },{
+                    title: "请求标示",
+                    field: "requestMark",
+                    styler : function(value, rowData, rowIndex){
+                        return {
+                            "vertical-align" : "middle"
+                        };
+                    }
+                },{
+                    title: "请求参数",
+                    field: "requestParam",
+                    styler : function(value, rowData, rowIndex){
+                        return {
+                            "vertical-align" : "middle"
+                        };
+                    }
+                },{
+                    title: "HTTP响应码",
+                    width:"9%",
+                    field: "responseCode",
+                    styler : function(value, rowData, rowIndex){
+                        return {
+                            "vertical-align" : "middle"
+                        };
+                    }
+                },{
+                    title: "请求处理时间",
+                    width:"9%",
+                    field: "dealTime",
+                    styler : function(value, rowData, rowIndex){
+                        return {
+                            "vertical-align" : "middle"
+                        };
+                    }
+                }
+            ]
         });
     });
 

@@ -103,7 +103,7 @@
 </div>
 
 <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
-    <div class="modal-dialog">
+    <div class="modal-dialog"  style="width:900px;">
         <div class="modal-content" style="width: 140%">
             <div class="modal-header">
                 <button type="button" class="close" data-dismiss="modal"
@@ -155,10 +155,86 @@
             },
             columns: [
                 {
-                    title: "内容",
-                    field: "reason",
-                    width: "100%"
-                }]
+                    title: "本地IP",
+                    width:"12%",
+                    field: "localIp",
+                    styler : function(value, rowData, rowIndex){
+                        return {
+                            "vertical-align" : "middle"
+                        };
+                    }
+                },{
+                    title: "用户IP",
+                    width:"12%",
+                    field: "userIp",
+                    styler : function(value, rowData, rowIndex){
+                        return {
+                            "vertical-align" : "middle"
+                        };
+                    }
+                },{
+                    title: "时间",
+                    width:"9%",
+                    field: "currDateStr",
+                    styler : function(value, rowData, rowIndex){
+                        return {
+                            "vertical-align" : "middle"
+                        };
+                    }
+                },{
+                    title: "请求方式",
+                    width:"7%",
+                    field: "requestType",
+                    styler : function(value, rowData, rowIndex){
+                        return {
+                            "vertical-align" : "middle"
+                        };
+                    }
+                },{
+                    title: "User-Agent",
+                    width:"9%",
+                    field: "userAgent",
+                    styler : function(value, rowData, rowIndex){
+                        return {
+                            "vertical-align" : "middle"
+                        };
+                    }
+                },{
+                    title: "请求标示",
+                    field: "requestMark",
+                    styler : function(value, rowData, rowIndex){
+                        return {
+                            "vertical-align" : "middle"
+                        };
+                    }
+                },{
+                    title: "请求参数",
+                    field: "requestParam",
+                    styler : function(value, rowData, rowIndex){
+                        return {
+                            "vertical-align" : "middle"
+                        };
+                    }
+                },{
+                    title: "HTTP响应码",
+                    width:"9%",
+                    field: "responseCode",
+                    styler : function(value, rowData, rowIndex){
+                        return {
+                            "vertical-align" : "middle"
+                        };
+                    }
+                },{
+                    title: "请求处理时间",
+                    width:"9%",
+                    field: "dealTime",
+                    styler : function(value, rowData, rowIndex){
+                        return {
+                            "vertical-align" : "middle"
+                        };
+                    }
+                }
+            ]
         });
 
     });