Index: vue/src/assets/images/devops/DevSupport/maven.png
===================================================================
diff -u -r9dc7d303048a1a4206d2dea3fa7f27f08651917c -r20dd181be7716794fe8ecbb3e3fb264069e8ac14
Binary files differ
Index: arms/html/pdService/content-header.html
===================================================================
diff -u -r3ce18755bd2a92fc1199a70dac56e642385b2ebb -r20dd181be7716794fe8ecbb3e3fb264069e8ac14
--- arms/html/pdService/content-header.html	(.../content-header.html)	(revision 3ce18755bd2a92fc1199a70dac56e642385b2ebb)
+++ arms/html/pdService/content-header.html	(.../content-header.html)	(revision 20dd181be7716794fe8ecbb3e3fb264069e8ac14)
@@ -1,6 +1,5 @@
 $(function () {
     setSideMenu();
-    jsTreeBuild();
 });
 
 function setSideMenu() {
@@ -19,6 +18,9 @@
     },1000);
 }
 
+$(function () {
+    jsTreeBuild();
+});
 /* -------------------------------- jstree 설정 ------------------------------- */
 function jsTreeBuild(){
 
@@ -372,6 +374,67 @@
     });
 }
 
+
+$(function () {
+    jstreeDataTableReload();
+    $('.dataTables_length').find('select:eq(0)').addClass("darkBack");
+    $('.dataTables_length').find('select:eq(0)').css('min-height','30px');
+    //min-height: 30px;
+
+    $("body").find("[aria-controls='jstreeTable']").css('width', '100px');
+});
+// --- 데이터 테이블 설정 --- //
+function jstreeDataTableReload() {
+
+    console.log("href: "+$(location).attr('href'));
+    console.log("protocol: "+$(location).attr('protocol'));
+    console.log("host: "+$(location).attr('host'));
+    console.log("pathname: "+$(location).attr('pathname'));
+    console.log("search: "+$(location).attr('search'));
+    console.log("hostname: "+$(location).attr('hostname'));
+    console.log("port: "+$(location).attr('port'));
+
+    var isDevelopingToRoute = "/auth-user";
+
+    var tempDataTable = $('#jstreeTable').DataTable({
+        "ajax": {
+            "url": isDevelopingToRoute + "/api/arms/pdjira/getMonitor.do",
+            "dataSrc": ""
+        },
+        "destroy": true,
+        "processing": true,
+        "responsive": true,
+        "select": {
+            "style": 'multi'
+        },
+        "columns": [
+            { "data": "c_id" },
+            { "data": "c_parentid" },
+            { "data": "c_position" },
+            { "data": "c_left" },
+            { "data": "c_right" },
+            { "data": "c_level" },
+            { "data": "c_title" },
+            { "data": "c_type" },
+
+            { "data": "c_pdjira_detail" },
+            { "data": "c_pdjira_con_name" },
+            { "data": "c_pdjira_con_user" },
+            { "data": "c_pdjira_con_pass" },
+            { "data": "c_pdjira_con_token" },
+            { "data": "c_pdjira_con_jql" },
+            { "data": "jiraConPassMode" }
+        ]
+    });
+
+    $('#jstreeTable tbody').on('click', 'tr', function () {
+        var data = tempDataTable.row( this ).data();
+        console.log(data);
+        //alert( 'You clicked on '+ data.c_title +'\'s row' );
+    } );
+
+}
+
 /* ---------------------------------------- d3 config ------------------------------------ */
 /* d3 */
 var treeData = {