{"action":"created","issue":{"url":"https://api.github.com/repos/twbs/bootstrap/issues/16569","labels_url":"https://api.github.com/repos/twbs/bootstrap/issues/16569/labels{/name}","comments_url":"https://api.github.com/repos/twbs/bootstrap/issues/16569/comments","events_url":"https://api.github.com/repos/twbs/bootstrap/issues/16569/events","html_url":"https://github.com/twbs/bootstrap/pull/16569","id":83751843,"number":16569,"title":"Adds table reflow","user":{"login":"sinrise","id":5004300,"avatar_url":"https://avatars.githubusercontent.com/u/5004300?v=3","gravatar_id":"","url":"https://api.github.com/users/sinrise","html_url":"https://github.com/sinrise","followers_url":"https://api.github.com/users/sinrise/followers","following_url":"https://api.github.com/users/sinrise/following{/other_user}","gists_url":"https://api.github.com/users/sinrise/gists{/gist_id}","starred_url":"https://api.github.com/users/sinrise/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sinrise/subscriptions","organizations_url":"https://api.github.com/users/sinrise/orgs","repos_url":"https://api.github.com/users/sinrise/repos","events_url":"https://api.github.com/users/sinrise/events{/privacy}","received_events_url":"https://api.github.com/users/sinrise/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-06-01T23:58:01Z","updated_at":"2015-06-02T00:12:50Z","closed_at":null,"pull_request":{"url":"https://api.github.com/repos/twbs/bootstrap/pulls/16569","html_url":"https://github.com/twbs/bootstrap/pull/16569","diff_url":"https://github.com/twbs/bootstrap/pull/16569.diff","patch_url":"https://github.com/twbs/bootstrap/pull/16569.patch"},"body":"This adds some new CSS to tables, allowing tabular data to be displayed in a 'tile' format (resembling Bootstrap panel style) for use with smaller screens, if horizontal scrolling is not desired. It is triggered with a media query on the screen-sm-min. Add the class '.table-reflow' and the a second set of labels wrapped in <b> tags to enable table reflow. When triggered, the <thead> is set to 'display: none;' and the secondary labels are shown, with a colon and space added via CSS. A bottom margin is added to  separate the 'tiles'."},"comment":{"url":"https://api.github.com/repos/twbs/bootstrap/issues/comments/107751068","html_url":"https://github.com/twbs/bootstrap/pull/16569#issuecomment-107751068","issue_url":"https://api.github.com/repos/twbs/bootstrap/issues/16569","id":107751068,"user":{"login":"sinrise","id":5004300,"avatar_url":"https://avatars.githubusercontent.com/u/5004300?v=3","gravatar_id":"","url":"https://api.github.com/users/sinrise","html_url":"https://github.com/sinrise","followers_url":"https://api.github.com/users/sinrise/followers","following_url":"https://api.github.com/users/sinrise/following{/other_user}","gists_url":"https://api.github.com/users/sinrise/gists{/gist_id}","starred_url":"https://api.github.com/users/sinrise/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sinrise/subscriptions","organizations_url":"https://api.github.com/users/sinrise/orgs","repos_url":"https://api.github.com/users/sinrise/repos","events_url":"https://api.github.com/users/sinrise/events{/privacy}","received_events_url":"https://api.github.com/users/sinrise/received_events","type":"User","site_admin":false},"created_at":"2015-06-02T00:12:50Z","updated_at":"2015-06-02T00:12:50Z","body":"Code example:\r\n```html\r\n<table class=\"table table-reflow\">\r\n  <thead>\r\n    <tr>\r\n      <th>Line #</th>\r\n      <th>Item Name</th>\r\n      <th>Item Description</th>\r\n      <th>Item Location</th>\r\n      <th>Item Serial #</th>\r\n      <th>Admin</th>\r\n    </tr>\r\n  </thead>\r\n  <tbody>\r\n    <tr>\r\n      <td>\r\n        <b>Line #</b>\r\n        1\r\n      </td>\r\n      <td>\r\n        <b>Item Name</b>\r\n        Item 01\r\n      </td>\r\n      <td>\r\n        <b>Item Description</b>\r\n        This is an example of a long description for item number 01.\r\n      </td>\r\n      <td>\r\n        <b>Item Location</b>\r\n        LOC1231\r\n      </td>\r\n      <td>\r\n        <b>Item Serial #</b>\r\n        ABXTBL765401\r\n      </td>\r\n      <td>\r\n        <a href=\"#\"><span class=\"glyphicon glyphicon-trash\"></span></a>&nbsp;\r\n        <a href=\"#\"><span class=\"glyphicon glyphicon-edit\"></span></a>\r\n      </td>\r\n    </tr>\r\n  </tbody>\r\n</table>\r\n```"}}