{"action":"created","issue":{"url":"https://api.github.com/repos/axisj-com/axisj/issues/419","labels_url":"https://api.github.com/repos/axisj-com/axisj/issues/419/labels{/name}","comments_url":"https://api.github.com/repos/axisj-com/axisj/issues/419/comments","events_url":"https://api.github.com/repos/axisj-com/axisj/issues/419/events","html_url":"https://github.com/axisj-com/axisj/issues/419","id":58685441,"number":419,"title":"안녕하세요~ Grid 에서 mergeCells을 배열로 설정 후 열을 display:false 시 merge 문제입니다.","user":{"login":"taejongYu","id":10662850,"avatar_url":"https://avatars.githubusercontent.com/u/10662850?v=3","gravatar_id":"","url":"https://api.github.com/users/taejongYu","html_url":"https://github.com/taejongYu","followers_url":"https://api.github.com/users/taejongYu/followers","following_url":"https://api.github.com/users/taejongYu/following{/other_user}","gists_url":"https://api.github.com/users/taejongYu/gists{/gist_id}","starred_url":"https://api.github.com/users/taejongYu/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/taejongYu/subscriptions","organizations_url":"https://api.github.com/users/taejongYu/orgs","repos_url":"https://api.github.com/users/taejongYu/repos","events_url":"https://api.github.com/users/taejongYu/events{/privacy}","received_events_url":"https://api.github.com/users/taejongYu/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":{"url":"https://api.github.com/repos/axisj-com/axisj/milestones/8","html_url":"https://github.com/axisj-com/axisj/milestones/grid%20mergeCells","labels_url":"https://api.github.com/repos/axisj-com/axisj/milestones/8/labels","id":998974,"number":8,"title":"grid mergeCells","description":null,"creator":{"login":"tom-axisj","id":5884902,"avatar_url":"https://avatars.githubusercontent.com/u/5884902?v=3","gravatar_id":"","url":"https://api.github.com/users/tom-axisj","html_url":"https://github.com/tom-axisj","followers_url":"https://api.github.com/users/tom-axisj/followers","following_url":"https://api.github.com/users/tom-axisj/following{/other_user}","gists_url":"https://api.github.com/users/tom-axisj/gists{/gist_id}","starred_url":"https://api.github.com/users/tom-axisj/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/tom-axisj/subscriptions","organizations_url":"https://api.github.com/users/tom-axisj/orgs","repos_url":"https://api.github.com/users/tom-axisj/repos","events_url":"https://api.github.com/users/tom-axisj/events{/privacy}","received_events_url":"https://api.github.com/users/tom-axisj/received_events","type":"User","site_admin":false},"open_issues":1,"closed_issues":0,"state":"open","created_at":"2015-02-27T15:48:57Z","updated_at":"2015-02-27T15:48:57Z","due_on":null,"closed_at":null},"comments":7,"created_at":"2015-02-24T02:39:19Z","updated_at":"2015-03-17T07:08:14Z","closed_at":null,"body":"안녕하세요~ 얼마전에 Grid 에서 mergeCells 설정하였을때 fixedColSeq 설정시 height 가 맞지 않아 글을 남겼던 사람입니다. \r\nGrid 에서 mergeCells 옵션을 사용하는 사람이 많지 않나 보네요.. 관련글들이 적어서.. \r\n음... 일단 이건 생각하기에 따라 다를 듯 한데요.. 현상을 설명드리자면 mergeCells 를 배열로 설정합니다. \r\n mergeCells : [0,1,2,3] 이렇게 설정한 후 grid 의 col head tool 에서 3번째 열을 숨기기 하면 그 다음 열이 merge가 됩니다. 아래 그림은 mergeCells : [0,1,2,3] 로 설정한 grid 입니다.\r\n![1](https://cloud.githubusercontent.com/assets/10662850/6342244/43583514-bc19-11e4-9579-0771dbb18305.jpg)\r\n아래 그림은 컬럼4 의 display를 false 로 했을때 결과입니다. 컬럼5 가 머지 됩니다. \r\n![2](https://cloud.githubusercontent.com/assets/10662850/6342254/6e6b5934-bc19-11e4-84a2-654eae3cb97f.jpg)\r\n\r\n각 열의 display 속성이 true 이든 false 이든 mergeCells에 설정한 열들만 딱 merge 되도록 할 순 없을까요? \r\n\r\n아래는 테스트에 사용된 소스입니다. \r\n```\r\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n\r\n    <script type=\"text/javascript\" src=\"./js/jquery-2.1.3.min.js\"></script>\r\n    <script type=\"text/javascript\" src=\"./axisj/lib/AXJ.js\"></script>\r\n    <script type=\"text/javascript\" src=\"./axisj/lib/AXInput.js\"></script>\r\n    <script type=\"text/javascript\" src=\"./axisj/lib/AXSelect.js\"></script>\r\n    <script type=\"text/javascript\" src=\"./axisj/lib/AXGrid.js\"></script>\r\n\r\n    <link rel=\"stylesheet\" type=\"text/css\" href=\"./axisj/ui/arongi/AXJ.css\" />\r\n    <link rel=\"stylesheet\" type=\"text/css\" href=\"./axisj/ui/arongi/AXInput.css\" />\r\n    <link rel=\"stylesheet\" type=\"text/css\" href=\"./axisj/ui/arongi/AXSelect.css\" />\r\n    <link rel=\"stylesheet\" type=\"text/css\" href=\"./axisj/ui/arongi/AXGrid.css\" />\r\n    <link rel=\"stylesheet\" type=\"text/css\" href=\"./axisj/ui/arongi/page.css\" />\r\n\r\n<!--     <script type=\"text/javascript\" src=\"./js/jquery-2.1.3.min.js\"></script>\r\n    <script type=\"text/javascript\" src=\"./js/lib/AXJ.js\"></script>\r\n    <script type=\"text/javascript\" src=\"./js/lib/AXInput.js\"></script>\r\n    <script type=\"text/javascript\" src=\"./js/lib/AXSelect.js\"></script>\r\n    <script type=\"text/javascript\" src=\"./js/lib/AXGrid.js\"></script>\r\n\r\n    <link rel=\"stylesheet\" type=\"text/css\" href=\"./css/ui/arongi/AXJ.css\" />\r\n    <link rel=\"stylesheet\" type=\"text/css\" href=\"./css/ui/arongi/AXInput.css\" />\r\n    <link rel=\"stylesheet\" type=\"text/css\" href=\"./css/ui/arongi/AXSelect.css\" />\r\n    <link rel=\"stylesheet\" type=\"text/css\" href=\"./css/ui/arongi/AXGrid.css\" />\r\n    <link rel=\"stylesheet\" type=\"text/css\" href=\"./css/ui/arongi/page.css\" />\r\n -->\r\n</head>\r\n\r\n<body>\r\n    <h1>AXGrid RWD</h1>\r\n    <div id=\"AXGridTarget\"\"></div>\r\n</body>\r\n</html>\r\n\r\n    <script>\r\n    /**\r\n     * Require Files for AXISJ UI Component...\r\n     * Based        : jQuery\r\n     * Javascript   : AXJ.js, AXGrid.js, AXInput.js, AXSelect.js\r\n     * CSS          : AXJ.css, AXGrid.css, AXButton.css, AXInput.css, AXSelecto.css\r\n     */ \r\n    var pageID = \"AXGrid\";\r\n    var fnObj = {\r\n        pageStart: function(){\r\n//            axf.readyMobileConsole();\r\n\r\n            fnObj.grid.bind();\r\n        },\r\n        grid: {\r\n            target: new AXGrid(),\r\n            bind: function(){\r\n                window.myGrid = fnObj.grid.target;\r\n\r\n                var getColGroup = function(){\r\n                    return [\r\n                        {key:\"col1\", label:\"컬럼1\", width:\"100\", align:\"center\"},\r\n                        {key:\"col2\", label:\"컬럼2\", width:\"100\", align:\"center\"},\r\n                        {key:\"col3\", label:\"컬럼3\", width:\"70\", align:\"center\"},\r\n                        {key:\"col4\", label:\"컬럼4\", width:\"100\", align:\"center\"},\r\n                        {key:\"col5\", label:\"컬럼5\", width:\"100\", align:\"center\"},\r\n                        {key:\"col6\", label:\"컬럼6\", width:\"40\", align:\"center\"},\r\n                        {key:\"col7\", label:\"컬럼7\", width:\"40\", align:\"center\"},\r\n                        {key:\"col8\", label:\"컬럼8\", width:\"50\", align:\"center\"},\r\n                        {key:\"col9\", label:\"컬럼9\", width:\"50\", align:\"center\"},\r\n                        {key:\"col10\", label:\"컬럼10\", width:\"50\", align:\"center\"},\r\n                        {key:\"col11\", label:\"컬럼11\", width:\"50\", align:\"center\"},\r\n                        {key:\"col12\", label:\"컬럼12\", width:\"90\", align:\"center\"}\r\n\r\n                    ];\r\n                };\r\n\r\n                myGrid.setConfig({\r\n                    targetID : \"AXGridTarget\",\r\n                    fixedColSeq:1,\r\n                    //sort:false,\r\n                   fitToWidth:true, \r\n                    colGroup : getColGroup(),\r\n                    colHeadAlign: \"center\", \r\n                    mergeCells : [0,1,2,3],\r\n                    body : {\r\n                        onclick: function(){\r\n                           // toast.push(Object.toJSON({index:this.index, r:this.r, c:this.c, item:this.item}));\r\n                        },\r\n                       // ondblclick: function(){\r\n                       // },\r\n                        addClass: function(){\r\n                            // red, green, blue, yellow, white, gray\r\n                            if(this.index % 2 == 0){\r\n                                //return \"gray\";\r\n                            }else{\r\n                                //return \"white\";\r\n                            }\r\n\r\n                        }\r\n                    },\r\n                    page: {\r\n                        paging: false\r\n                    }\r\n                });\r\n\r\n                var list = [\r\n                    {col1:\"a0001\", col2:\"YELLOW\",col3:\"테스트\",col4:\"테스트\",col5:\"테스트\",col6:\"테스트\",col7:\"테스트\",col8:\"50/60\",col9:\"200.0\",col10:\"541.0\",col11:\"111.0\",col12:\"2014-10-27\"}, \r\n                    {col1:\"a0002\", col2:\"YELLOW\",col3:\"테스트\",col4:\"테스트\",col5:\"테스트\",col6:\"테스트\",col7:\"테스트\",col8:\"50/60\",col9:\"200.0\",col10:\"541.0\",col11:\"111.0\",col12:\"2014-10-27\"}, \r\n                    {col1:\"a0002\", col2:\"RED\",col3:\"테스트\",col4:\"테스트\",col5:\"테스트\",col6:\"테스트\",col7:\"테스트\",col8:\"50/60\",col9:\"200.0\",col10:\"541.0\",col11:\"111.0\",col12:\"2014-10-27\"}, \r\n                    {col1:\"a0002\", col2:\"RED\",col3:\"테스트\",col4:\"테스트\",col5:\"테스트\",col6:\"테스트\",col7:\"테스트\",col8:\"50/60\",col9:\"200.0\",col10:\"541.0\",col11:\"111.0\",col12:\"2014-10-27\"}, \r\n                    {col1:\"a0003\", col2:\"BLUE\",col3:\"테스트\",col4:\"테스트\",col5:\"테스트\",col6:\"테스트\",col7:\"테스트\",col8:\"50/60\",col9:\"200.0\",col10:\"541.0\",col11:\"111.0\",col12:\"2014-10-27\"}, \r\n                    {col1:\"a0004\", col2:\"BLUE\",col3:\"테스트\",col4:\"테스트\",col5:\"테스트\",col6:\"테스트\",col7:\"테스트\",col8:\"50/60\",col9:\"200.0\",col10:\"541.0\",col11:\"111.0\",col12:\"2014-10-27\"}, \r\n                    {col1:\"a0004\", col2:\"BLUE\",col3:\"테스트\",col4:\"테스트\",col5:\"테스트\",col6:\"테스트\",col7:\"테스트\",col8:\"50/60\",col9:\"200.0\",col10:\"541.0\",col11:\"111.0\",col12:\"2014-10-27\"}, \r\n                    {col1:\"a0005\", col2:\"BLACK\",col3:\"테스트\",col4:\"테스트\",col5:\"테스트\",col6:\"테스트\",col7:\"테스트\",col8:\"50/60\",col9:\"200.0\",col10:\"541.0\",col11:\"111.0\",col12:\"2014-10-27\"}, \r\n                    {col1:\"a0005\", col2:\"BLACK\",col3:\"테스트\",col4:\"테스트\",col5:\"테스트\",col6:\"테스트\",col7:\"테스트\",col8:\"50/60\",col9:\"200.0\",col10:\"541.0\",col11:\"111.0\",col12:\"2014-10-27\"}, \r\n                    {col1:\"a0005\", col2:\"BLACK\",col3:\"테스트\",col4:\"테스트\",col5:\"테스트\",col6:\"테스트\",col7:\"테스트\",col8:\"50/60\",col9:\"200.0\",col10:\"541.0\",col11:\"111.0\",col12:\"2014-10-27\"}, \r\n                    {col1:\"a0005\", col2:\"BLACK\",col3:\"테스트\",col4:\"테스트\",col5:\"테스트\",col6:\"테스트\",col7:\"테스트\",col8:\"50/60\",col9:\"200.0\",col10:\"541.0\",col11:\"111.0\",col12:\"2014-10-27\"}, \r\n                    {col1:\"a0006\", col2:\"BLACK\",col3:\"테스트\",col4:\"테스트\",col5:\"테스트\",col6:\"테스트\",col7:\"테스트\",col8:\"50/60\",col9:\"200.0\",col10:\"541.0\",col11:\"111.0\",col12:\"2014-10-27\"}, \r\n\r\n                ];\r\n                myGrid.setList(list);\r\n               // trace(myGrid.getSortParam());\r\n\r\n            },\r\n          }\r\n    };\r\n    jQuery(document.body).ready(function() {\r\n        fnObj.pageStart();\r\n    });\r\n    </script>```"},"comment":{"url":"https://api.github.com/repos/axisj-com/axisj/issues/comments/82167887","html_url":"https://github.com/axisj-com/axisj/issues/419#issuecomment-82167887","issue_url":"https://api.github.com/repos/axisj-com/axisj/issues/419","id":82167887,"user":{"login":"lhslive","id":7547764,"avatar_url":"https://avatars.githubusercontent.com/u/7547764?v=3","gravatar_id":"","url":"https://api.github.com/users/lhslive","html_url":"https://github.com/lhslive","followers_url":"https://api.github.com/users/lhslive/followers","following_url":"https://api.github.com/users/lhslive/following{/other_user}","gists_url":"https://api.github.com/users/lhslive/gists{/gist_id}","starred_url":"https://api.github.com/users/lhslive/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lhslive/subscriptions","organizations_url":"https://api.github.com/users/lhslive/orgs","repos_url":"https://api.github.com/users/lhslive/repos","events_url":"https://api.github.com/users/lhslive/events{/privacy}","received_events_url":"https://api.github.com/users/lhslive/received_events","type":"User","site_admin":false},"created_at":"2015-03-17T07:08:14Z","updated_at":"2015-03-17T07:08:14Z","body":":+1:"}}