{"action":"opened","issue":{"url":"https://api.github.com/repos/vaadin/vaadin-grid/issues/497","repository_url":"https://api.github.com/repos/vaadin/vaadin-grid","labels_url":"https://api.github.com/repos/vaadin/vaadin-grid/issues/497/labels{/name}","comments_url":"https://api.github.com/repos/vaadin/vaadin-grid/issues/497/comments","events_url":"https://api.github.com/repos/vaadin/vaadin-grid/issues/497/events","html_url":"https://github.com/vaadin/vaadin-grid/issues/497","id":184196072,"number":497,"title":"Saving columns order status ","user":{"login":"hyyan","id":4313420,"avatar_url":"https://avatars.githubusercontent.com/u/4313420?v=3","gravatar_id":"","url":"https://api.github.com/users/hyyan","html_url":"https://github.com/hyyan","followers_url":"https://api.github.com/users/hyyan/followers","following_url":"https://api.github.com/users/hyyan/following{/other_user}","gists_url":"https://api.github.com/users/hyyan/gists{/gist_id}","starred_url":"https://api.github.com/users/hyyan/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/hyyan/subscriptions","organizations_url":"https://api.github.com/users/hyyan/orgs","repos_url":"https://api.github.com/users/hyyan/repos","events_url":"https://api.github.com/users/hyyan/events{/privacy}","received_events_url":"https://api.github.com/users/hyyan/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2016-10-20T10:49:22Z","updated_at":"2016-10-20T10:49:22Z","closed_at":null,"body":"I have been trying to save the size of columns to localstorage \r\nSo in the next refresh I can restore the columns size.\r\n\r\nThe event `column-resized` is fired on resize , but the problem that the event does not contain any information that we could use to save the size of the column to localstroage . something like  \r\n`old_width` , `new_width` ....\r\n\r\nSnippet code : \r\n\r\n```html\r\n<template is=\"dom-bind\" id=\"app\">\r\n        <vaadin-grid items=\"{{items}}\" on-column-resized=\"resize\">\r\n          <table>\r\n            <thead>\r\n              <tr>\r\n                <th>First Name</th>\r\n                <th>Last Name</th>\r\n                <th>Email Address</th>\r\n              </tr>\r\n            </thead>\r\n            <colgroup>\r\n             <col name=\"user.name.first\" hidable resizable>\r\n             <col name=\"user.name.last\" hidable resizable>\r\n             <col name=\"user.email\" hidable resizable>\r\n           </colgroup>\r\n          </table>\r\n        </vaadin-grid>\r\n</template>\r\n <script>\r\n  (function(){\r\n\r\n    var app = document.querySelector('#app');\r\n\r\n    app.resize = function(e){\r\n      var ne = Polymer.dom(e);\r\n      console.log(e);\r\n      console.log(ne.localTarget);\r\n      console.log(ne.rootTarget);\r\n    };\r\n\r\n    app.items = [\r\n      {\r\n        user: {\r\n          name: { first: 'amber', last: 'crawford' },\r\n          email: '[email protected]'\r\n        }\r\n      },\r\n      ....\r\n    ];\r\n  })();\r\n </script>\r\n```\r\n\r\nAny idea how to achieve that ?\r\n\r\nThanks in advance "}}
{"actor":{"display_login":"hyyan"}}