{"action":"created","issue":{"url":"https://api.github.com/repos/bvaughn/react-virtualized/issues/244","repository_url":"https://api.github.com/repos/bvaughn/react-virtualized","labels_url":"https://api.github.com/repos/bvaughn/react-virtualized/issues/244/labels{/name}","comments_url":"https://api.github.com/repos/bvaughn/react-virtualized/issues/244/comments","events_url":"https://api.github.com/repos/bvaughn/react-virtualized/issues/244/events","html_url":"https://github.com/bvaughn/react-virtualized/issues/244","id":155495358,"number":244,"title":"FlexTable does not work in IE9","user":{"login":"3cooper","id":1616487,"avatar_url":"https://avatars.githubusercontent.com/u/1616487?v=3","gravatar_id":"","url":"https://api.github.com/users/3cooper","html_url":"https://github.com/3cooper","followers_url":"https://api.github.com/users/3cooper/followers","following_url":"https://api.github.com/users/3cooper/following{/other_user}","gists_url":"https://api.github.com/users/3cooper/gists{/gist_id}","starred_url":"https://api.github.com/users/3cooper/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/3cooper/subscriptions","organizations_url":"https://api.github.com/users/3cooper/orgs","repos_url":"https://api.github.com/users/3cooper/repos","events_url":"https://api.github.com/users/3cooper/events{/privacy}","received_events_url":"https://api.github.com/users/3cooper/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2016-05-18T13:00:44Z","updated_at":"2016-05-18T16:16:49Z","closed_at":null,"body":"When in IE9, FlexTable only renders one column.  I'm not sure if FlexTable actually uses FlexBox.  If so, I guess this is the case and possibly not much can be done.  I heard there are some FlexBox polyfills, so possibly I could get those to work on my own.  I just wanted to check if this was the reason why.  I'm completely new to FlexBox so I'm not sure how to tell if FlexTable is actually using it.  Thanks for your time."},"comment":{"url":"https://api.github.com/repos/bvaughn/react-virtualized/issues/comments/220079103","html_url":"https://github.com/bvaughn/react-virtualized/issues/244#issuecomment-220079103","issue_url":"https://api.github.com/repos/bvaughn/react-virtualized/issues/244","id":220079103,"user":{"login":"bvaughn","id":29597,"avatar_url":"https://avatars.githubusercontent.com/u/29597?v=3","gravatar_id":"","url":"https://api.github.com/users/bvaughn","html_url":"https://github.com/bvaughn","followers_url":"https://api.github.com/users/bvaughn/followers","following_url":"https://api.github.com/users/bvaughn/following{/other_user}","gists_url":"https://api.github.com/users/bvaughn/gists{/gist_id}","starred_url":"https://api.github.com/users/bvaughn/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bvaughn/subscriptions","organizations_url":"https://api.github.com/users/bvaughn/orgs","repos_url":"https://api.github.com/users/bvaughn/repos","events_url":"https://api.github.com/users/bvaughn/events{/privacy}","received_events_url":"https://api.github.com/users/bvaughn/received_events","type":"User","site_admin":false},"created_at":"2016-05-18T16:16:49Z","updated_at":"2016-05-18T16:16:49Z","body":"Maybe something like this... \r\n\r\n```css\r\n.FlexTable .Grid__cell {\r\n  display: table; /* Fallback for IE */\r\n  display: block; /* Used by all other browsers */\r\n}\r\n.FlexTable__row {\r\n  display: table-row; /* Fallback for IE */\r\n  display: flex; /* Used by all other browsers */\r\n}\r\n.FlexTable__rowColumn {\r\n  display: table-cell; /* Fallback for IE */\r\n  display: flex; /* Used by all other browsers */\r\n}\r\n```\r\n\r\nAnd then use the inline `style` (or `className`) properties of `FlexColumn` to set specific widths for your IE tables. So for instance, a flexbox column with a basis of 60px set to grow (eg `flex: 0 1 60px;`) would get an inline style of `width: 60px; min-width: 60px;`)."}}