payload: {"action":"created","issue":{"url":"https://api.github.com/repos/schrodinger/fixed-data-table-2/issues/494","repository_url":"https://api.github.com/repos/schrodinger/fixed-data-table-2","labels_url":"https://api.github.com/repos/schrodinger/fixed-data-table-2/issues/494/labels{/name}","comments_url":"https://api.github.com/repos/schrodinger/fixed-data-table-2/issues/494/comments","events_url":"https://api.github.com/repos/schrodinger/fixed-data-table-2/issues/494/events","html_url":"https://github.com/schrodinger/fixed-data-table-2/issues/494","id":510484841,"node_id":"MDU6SXNzdWU1MTA0ODQ4NDE=","number":494,"title":"[Please help!] Why are there strange gaps between rows and rows?","user":{"login":"Qin0821","id":25655555,"node_id":"MDQ6VXNlcjI1NjU1NTU1","avatar_url":"https://avatars1.githubusercontent.com/u/25655555?v=4","gravatar_id":"","url":"https://api.github.com/users/Qin0821","html_url":"https://github.com/Qin0821","followers_url":"https://api.github.com/users/Qin0821/followers","following_url":"https://api.github.com/users/Qin0821/following{/other_user}","gists_url":"https://api.github.com/users/Qin0821/gists{/gist_id}","starred_url":"https://api.github.com/users/Qin0821/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Qin0821/subscriptions","organizations_url":"https://api.github.com/users/Qin0821/orgs","repos_url":"https://api.github.com/users/Qin0821/repos","events_url":"https://api.github.com/users/Qin0821/events{/privacy}","received_events_url":"https://api.github.com/users/Qin0821/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":3,"created_at":"2019-10-22T07:46:44Z","updated_at":"2019-10-24T10:10:58Z","closed_at":null,"author_association":"NONE","body":"On large screen devices, there will be gaps between the fixed number of lines\r\n\r\n![image](https://user-images.githubusercontent.com/25655555/67264506-d4ffe280-f4dd-11e9-8e92-4e971c3d2c55.png)\r\n![image](https://user-images.githubusercontent.com/25655555/67264573-10021600-f4de-11e9-8000-d9f9586a8e46.png)\r\n![image](https://user-images.githubusercontent.com/25655555/67264591-1db79b80-f4de-11e9-9ede-f2d1d100bcb4.png)\r\nThe upper and lower lines did not cover the gap\r\n\r\n## Expected Behavior\r\nThe desired result is that each cell is filled with the background color\r\n\r\n## Current Behavior\r\nThere is no background color filled between specific lines\r\n\r\n## Steps to Reproduce (for bugs)\r\n1. At least eight lines for easy observation;\r\n2. At least 27 monitors, the bigger the better;\r\n\r\n## Context\r\nI tried to change the background color and adjust the size of each cell, but there is no layout where the div can control this gap.\r\n\r\napp.global.css\r\n``` css\r\n@import \"~fixed-data-table-2/dist/fixed-data-table.css\";\r\n.public_fixedDataTableRow_main {\r\n  background-color: unset !important;\r\n  background-image: unset !important;\r\n}\r\n.public_fixedDataTable_header {\r\n  background-color: unset !important;\r\n  background-image: unset !important;\r\n}\r\n.public_fixedDataTableCell_cellContent {\r\n  padding: 0 !important;\r\n}\r\n.rayDesktop-table .public_fixedDataTableCell_main {\r\n  border-color: #d1b889 !important;\r\n  border-width: 3px !important;\r\n  background-color: transparent !important;\r\n  background-image: none !important;\r\n}\r\n```\r\nrank.jsx\r\n![image](https://user-images.githubusercontent.com/25655555/67265379-27da9980-f4e0-11e9-8b09-cf3d52fe0bce.png)\r\nrank.scss\r\n```scss\r\n.table {\r\n  width: 100%;\r\n  overflow: hidden;\r\n  border-color: #d1b889 !important;\r\n  border-width: 3px !important;\r\n}\r\n.cell {\r\n  .horizontal {\r\n    display: flex;\r\n    flex-direction: row;\r\n    flex: 1;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n}\r\n.cellName {\r\n  background-color: #C3E0C1;\r\n}\r\n.headerText {\r\n  font-size: 18px;\r\n  font-weight: bold;\r\n  color: #8B5212;\r\n}\r\n```\r\n\r\n\r\n## Your Environment\r\n* Version used:1.0.0\r\n* Browser Name and version: electron 6.0.2 chrome 76.0.3809.110\r\n* Operating System and version (desktop or mobile):electron macOS 10.15\r\n"},"comment":{"url":"https://api.github.com/repos/schrodinger/fixed-data-table-2/issues/comments/545848494","html_url":"https://github.com/schrodinger/fixed-data-table-2/issues/494#issuecomment-545848494","issue_url":"https://api.github.com/repos/schrodinger/fixed-data-table-2/issues/494","id":545848494,"node_id":"MDEyOklzc3VlQ29tbWVudDU0NTg0ODQ5NA==","user":{"login":"Qin0821","id":25655555,"node_id":"MDQ6VXNlcjI1NjU1NTU1","avatar_url":"https://avatars1.githubusercontent.com/u/25655555?v=4","gravatar_id":"","url":"https://api.github.com/users/Qin0821","html_url":"https://github.com/Qin0821","followers_url":"https://api.github.com/users/Qin0821/followers","following_url":"https://api.github.com/users/Qin0821/following{/other_user}","gists_url":"https://api.github.com/users/Qin0821/gists{/gist_id}","starred_url":"https://api.github.com/users/Qin0821/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Qin0821/subscriptions","organizations_url":"https://api.github.com/users/Qin0821/orgs","repos_url":"https://api.github.com/users/Qin0821/repos","events_url":"https://api.github.com/users/Qin0821/events{/privacy}","received_events_url":"https://api.github.com/users/Qin0821/received_events","type":"User","site_admin":false},"created_at":"2019-10-24T10:10:58Z","updated_at":"2019-10-24T10:10:58Z","author_association":"NONE","body":"> I think you need to make sure to pass integer widths for the columns, and also integer heights for the rows.\r\n> \r\n> If the issue still exists, can you post the new code for rendering the Table?\r\n\r\nThe problem is that the width and height are not integers. When I round up the width and height, the problem is solved, thank you very much!\r\n![image](https://user-images.githubusercontent.com/25655555/67475907-9c9d0780-f689-11e9-97a7-f2ef6364bcca.png)\r\n"}}
other: {"actor":{"display_login":"Qin0821"}}