{"action":"created","issue":{"url":"https://api.github.com/repos/ceolter/ag-grid/issues/1220","repository_url":"https://api.github.com/repos/ceolter/ag-grid","labels_url":"https://api.github.com/repos/ceolter/ag-grid/issues/1220/labels{/name}","comments_url":"https://api.github.com/repos/ceolter/ag-grid/issues/1220/comments","events_url":"https://api.github.com/repos/ceolter/ag-grid/issues/1220/events","html_url":"https://github.com/ceolter/ag-grid/issues/1220","id":185040486,"number":1220,"title":"Pinning columns right: Header does not align with content when scrolling","user":{"login":"jstreussnig","id":13204117,"avatar_url":"https://avatars.githubusercontent.com/u/13204117?v=3","gravatar_id":"","url":"https://api.github.com/users/jstreussnig","html_url":"https://github.com/jstreussnig","followers_url":"https://api.github.com/users/jstreussnig/followers","following_url":"https://api.github.com/users/jstreussnig/following{/other_user}","gists_url":"https://api.github.com/users/jstreussnig/gists{/gist_id}","starred_url":"https://api.github.com/users/jstreussnig/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jstreussnig/subscriptions","organizations_url":"https://api.github.com/users/jstreussnig/orgs","repos_url":"https://api.github.com/users/jstreussnig/repos","events_url":"https://api.github.com/users/jstreussnig/events{/privacy}","received_events_url":"https://api.github.com/users/jstreussnig/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":4,"created_at":"2016-10-25T07:37:09Z","updated_at":"2016-11-16T16:03:01Z","closed_at":null,"body":"I encountered the following layout problem **in Chrome and Edge**, when pinning one or more columns to the right:\n\n![unbenannt](https://cloud.githubusercontent.com/assets/13204117/19676795/78a95e0c-9a96-11e6-918d-201aadad41a2.png)\n\nAs you can see the **header is not aligned with the content**, since the scrollbar in the content section moves its columns to the left. \n\nThis problem occures when you have columns pinned to the right and scrollbars in the grid. Since the grid header doesn't have scrollbars, but the content does, it's missing a margin-right of about 18px (depends on the browsers scroll bar size) to be aligned with the content.\n\nThis can be quick fixed by adding the following css rule and replacing [scrollbarWidth] with the correct  or estimated value.\n\n`.ag-pinned-right-header {\nmargin-right: [scrollbarWidth]px\n}`\n\nSince this seems to be a bug, I wanted to let you know. I do hope this can be fixed in upcoming versions.\n"},"comment":{"url":"https://api.github.com/repos/ceolter/ag-grid/issues/comments/260985725","html_url":"https://github.com/ceolter/ag-grid/issues/1220#issuecomment-260985725","issue_url":"https://api.github.com/repos/ceolter/ag-grid/issues/1220","id":260985725,"user":{"login":"Piccirello","id":8296030,"avatar_url":"https://avatars.githubusercontent.com/u/8296030?v=3","gravatar_id":"","url":"https://api.github.com/users/Piccirello","html_url":"https://github.com/Piccirello","followers_url":"https://api.github.com/users/Piccirello/followers","following_url":"https://api.github.com/users/Piccirello/following{/other_user}","gists_url":"https://api.github.com/users/Piccirello/gists{/gist_id}","starred_url":"https://api.github.com/users/Piccirello/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Piccirello/subscriptions","organizations_url":"https://api.github.com/users/Piccirello/orgs","repos_url":"https://api.github.com/users/Piccirello/repos","events_url":"https://api.github.com/users/Piccirello/events{/privacy}","received_events_url":"https://api.github.com/users/Piccirello/received_events","type":"User","site_admin":false},"created_at":"2016-11-16T16:03:01Z","updated_at":"2016-11-16T16:03:01Z","body":"+1"}}
{"actor":{"display_login":"Piccirello"}}