{"action":"created","issue":{"url":"https://api.github.com/repos/AllenFang/react-bootstrap-table/issues/351","repository_url":"https://api.github.com/repos/AllenFang/react-bootstrap-table","labels_url":"https://api.github.com/repos/AllenFang/react-bootstrap-table/issues/351/labels{/name}","comments_url":"https://api.github.com/repos/AllenFang/react-bootstrap-table/issues/351/comments","events_url":"https://api.github.com/repos/AllenFang/react-bootstrap-table/issues/351/events","html_url":"https://github.com/AllenFang/react-bootstrap-table/issues/351","id":142730667,"number":351,"title":"column header and body width out of align","user":{"login":"lebeier","id":4088438,"avatar_url":"https://avatars.githubusercontent.com/u/4088438?v=3","gravatar_id":"","url":"https://api.github.com/users/lebeier","html_url":"https://github.com/lebeier","followers_url":"https://api.github.com/users/lebeier/followers","following_url":"https://api.github.com/users/lebeier/following{/other_user}","gists_url":"https://api.github.com/users/lebeier/gists{/gist_id}","starred_url":"https://api.github.com/users/lebeier/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lebeier/subscriptions","organizations_url":"https://api.github.com/users/lebeier/orgs","repos_url":"https://api.github.com/users/lebeier/repos","events_url":"https://api.github.com/users/lebeier/events{/privacy}","received_events_url":"https://api.github.com/users/lebeier/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2016-03-22T18:00:48Z","updated_at":"2016-03-23T01:52:30Z","closed_at":null,"body":"I read that in v2.0.0 this issue should have been fixed.\r\nHowever, I am still seeing the width of column header is not aligned to the body."},"comment":{"url":"https://api.github.com/repos/AllenFang/react-bootstrap-table/issues/comments/200122360","html_url":"https://github.com/AllenFang/react-bootstrap-table/issues/351#issuecomment-200122360","issue_url":"https://api.github.com/repos/AllenFang/react-bootstrap-table/issues/351","id":200122360,"user":{"login":"lebeier","id":4088438,"avatar_url":"https://avatars.githubusercontent.com/u/4088438?v=3","gravatar_id":"","url":"https://api.github.com/users/lebeier","html_url":"https://github.com/lebeier","followers_url":"https://api.github.com/users/lebeier/followers","following_url":"https://api.github.com/users/lebeier/following{/other_user}","gists_url":"https://api.github.com/users/lebeier/gists{/gist_id}","starred_url":"https://api.github.com/users/lebeier/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lebeier/subscriptions","organizations_url":"https://api.github.com/users/lebeier/orgs","repos_url":"https://api.github.com/users/lebeier/repos","events_url":"https://api.github.com/users/lebeier/events{/privacy}","received_events_url":"https://api.github.com/users/lebeier/received_events","type":"User","site_admin":false},"created_at":"2016-03-23T01:52:30Z","updated_at":"2016-03-23T01:52:30Z","body":"I have just updated the css according to what you have mentioned. Still the alignment issue exist.\r\nThe browser used is chrome/firefox(doesnt work in both)\r\n\r\n\r\n                 <Tabs defaultActionKey={1} className='mana-tab-container'>\r\n                      <Tab eventKey={1} title='Virtual Devices'>\r\n                          <div id='virtual_devices_dt'>\r\n                              <BootstrapTable data={this.state.virtualDevicesDataSet} striped={true} hover={true} search={true} pagination={true} exportCSV={true}>\r\n                                  <TableHeaderColumn isKey={true} dataField='device_id' width={'60'} >ID</TableHeaderColumn>\r\n                                  <TableHeaderColumn dataField='mac_address'>MAC</TableHeaderColumn>\r\n                                  <TableHeaderColumn dataField='device_name'>Device Name</TableHeaderColumn>\r\n                                  <TableHeaderColumn dataField='user_name'>User</TableHeaderColumn>\r\n                              </BootstrapTable>\r\n                          </div>\r\n                      </Tab>\r\n                      <Tab eventKey={2} title='Physical Devices'>\r\n                          <div id='physical_devices_dt'>\r\n                             <BootstrapTable data={this.state.physicalDevicesDataSet} striped={true} hover={true} search={true} pagination={true} exportCSV={true}>\r\n                                 <TableHeaderColumn isKey={true} dataField='device_id' width={'60'}>ID</TableHeaderColumn>\r\n                                 <TableHeaderColumn dataField='mac_address'>MAC</TableHeaderColumn>\r\n                                 <TableHeaderColumn dataField='name'>Device Name</TableHeaderColumn>\r\n                                 <TableHeaderColumn dataField='type'>Type</TableHeaderColumn>\r\n                                 <TableHeaderColumn dataField='mode_type'>Mode</TableHeaderColumn>\r\n                                 <TableHeaderColumn dataField='status_type'>Status</TableHeaderColumn>\r\n                                 <TableHeaderColumn dataField='action'>Action</TableHeaderColumn>\r\n                             </BootstrapTable>\r\n                         </div>\r\n                     </Tab>\r\n"}}