{"action":"created","issue":{"url":"https://api.github.com/repos/olifolkerd/tabulator/issues/104","repository_url":"https://api.github.com/repos/olifolkerd/tabulator","labels_url":"https://api.github.com/repos/olifolkerd/tabulator/issues/104/labels{/name}","comments_url":"https://api.github.com/repos/olifolkerd/tabulator/issues/104/comments","events_url":"https://api.github.com/repos/olifolkerd/tabulator/issues/104/events","html_url":"https://github.com/olifolkerd/tabulator/issues/104","id":191999309,"number":104,"title":"When resizing column width it wraps","user":{"login":"MikhailKlemin","id":8426672,"avatar_url":"https://avatars.githubusercontent.com/u/8426672?v=3","gravatar_id":"","url":"https://api.github.com/users/MikhailKlemin","html_url":"https://github.com/MikhailKlemin","followers_url":"https://api.github.com/users/MikhailKlemin/followers","following_url":"https://api.github.com/users/MikhailKlemin/following{/other_user}","gists_url":"https://api.github.com/users/MikhailKlemin/gists{/gist_id}","starred_url":"https://api.github.com/users/MikhailKlemin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/MikhailKlemin/subscriptions","organizations_url":"https://api.github.com/users/MikhailKlemin/orgs","repos_url":"https://api.github.com/users/MikhailKlemin/repos","events_url":"https://api.github.com/users/MikhailKlemin/events{/privacy}","received_events_url":"https://api.github.com/users/MikhailKlemin/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2016-11-28T12:55:51Z","updated_at":"2016-11-28T18:01:04Z","closed_at":null,"body":"Hi, \r\nWhen I resize  width of the columns, header become corrupt like in screenshot. \r\n\r\n![screenshot from 2016-11-28 15-52-40](https://cloud.githubusercontent.com/assets/8426672/20669060/6f02be6a-b58b-11e6-9eb4-dff8604215eb.png)\r\n\r\nWell, I just tried tabulator_modern.css and no this issue. So I guess tabulator.css had an issue... \r\n\r\nExample I trying:\r\n```\r\n<!DOCTYPE html>\r\n\r\n<html>\r\n   <head>\r\n        <title>Broken Header</title>\r\n        <link rel=\"stylesheet\" href=\"//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css\">\r\n        <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>\r\n        <link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css\">\r\n        <link rel=\"stylesheet\" href=\"css/tabulator.css\">\r\n        <script type=\"text/javascript\" src=\"https://code.jquery.com/jquery-2.1.4.min.js\"></script>\r\n        <script type=\"text/javascript\" src=\"https://code.jquery.com/ui/1.11.4/jquery-ui.min.js\"></script>\r\n        <script type=\"text/javascript\" src=\"js/tabulator.js\"></script>\r\n        \r\n    </head>\r\n<body>\r\n<h1>Heder Broke on Resize</h1>\r\n<br />\r\n\r\n<div id=\"example-table\"></div>\r\n\r\n<script type=\"text/javascript\">\r\n\r\n$(document).ready(function() {\r\n    $(\"#example-table\").tabulator({\r\n        fitColumns:true,\r\n        tooltips:true,\r\n        pagination:true,\r\n        movableCols:true,\r\n        index: \"ID\",\r\n        persistentLayout: false,\r\n        columns:[ //Define Table Columns\r\n            {title:\"Days\", field:\"Days\", sorter:\"number\", width:150, align:\"left\", headerFilter:true},\r\n            {title:\"Desc\", field:\"Desc\", sorter:\"string\", width:250, sortable:true,  headerFilter:true},\r\n            {title:\"Control\", field:\"Control\", sorter:\"string\", width:150, align:\"left\",  headerFilter:true},\r\n            {title:\"Account\", field:\"Account\", sorter:\"string\", width:100, editable:true, headerFilter:true},\r\n            {title:\"Amount\", field:\"Amount\", sorter:\"number\", width:125, align:\"left\", headerFilter:true},\r\n            {title:\"Comment\", field:\"Comment2\", sorter:\"string\", align:\"left\", editable:true, headerFilter:true}\r\n        ],\r\n        rowClick:function(e, id, data, row){ //trigger an alert message when the row is clicked\r\n        },\r\n        cellEdited:function(id,data,row){\r\n       },\r\n\r\n    });\r\n    $(\"#example-table\").tabulator(\"setData\", tabledata);\r\n\r\n});\r\n\r\n\r\nvar tabledata = [{\"ID\":1,\"Account\":\"66\",\"Days\":66,\"Desc\":\"CAC\",\"Control\":\"omg1025\",\"Amount\":-10000,\"Comment2\":\"nc\"},{\"ID\":2,\"Account\":\"77\",\"Days\":0,\"Desc\":\"JORDAN\",\"Control\":\"omg1026\",\"Amount\":27294.00,\"Comment2\":\"nc\"}];\r\n</script>\r\n\r\n</body>\r\n</html>\r\n```\r\n"},"comment":{"url":"https://api.github.com/repos/olifolkerd/tabulator/issues/comments/263344894","html_url":"https://github.com/olifolkerd/tabulator/issues/104#issuecomment-263344894","issue_url":"https://api.github.com/repos/olifolkerd/tabulator/issues/104","id":263344894,"user":{"login":"olifolkerd","id":6840524,"avatar_url":"https://avatars.githubusercontent.com/u/6840524?v=3","gravatar_id":"","url":"https://api.github.com/users/olifolkerd","html_url":"https://github.com/olifolkerd","followers_url":"https://api.github.com/users/olifolkerd/followers","following_url":"https://api.github.com/users/olifolkerd/following{/other_user}","gists_url":"https://api.github.com/users/olifolkerd/gists{/gist_id}","starred_url":"https://api.github.com/users/olifolkerd/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/olifolkerd/subscriptions","organizations_url":"https://api.github.com/users/olifolkerd/orgs","repos_url":"https://api.github.com/users/olifolkerd/repos","events_url":"https://api.github.com/users/olifolkerd/events{/privacy}","received_events_url":"https://api.github.com/users/olifolkerd/received_events","type":"User","site_admin":false},"created_at":"2016-11-28T18:01:04Z","updated_at":"2016-11-28T18:01:04Z","body":"Hey,\r\n\r\nit definitely shouldn't be doing that! which browser are you using?\r\n\r\nI will have a look into it this evening and get back to you.\r\n\r\nOli"}}
{"actor":{"display_login":"olifolkerd"}}