diff --git a/scss/_custom.scss b/scss/_custom.scss index b81e52b..93f3288 100644 --- a/scss/_custom.scss +++ b/scss/_custom.scss @@ -10,3 +10,8 @@ display: none; } } + +.ReactTable .rt-td.horizontal-scroll { + overflow: auto; + text-overflow: clip; +} \ No newline at end of file diff --git a/src/components/QueryLog.js b/src/components/QueryLog.js index 3119a07..2b18459 100644 --- a/src/components/QueryLog.js +++ b/src/components/QueryLog.js @@ -88,19 +88,21 @@ const columns = [ Header: "Type", id: "type", accessor: r => r[1], - minWidth: 50 + minWidth: 40 }, { Header: "Domain", id: "domain", accessor: r => r[2], - minWidth: 200 + minWidth: 200, + className: "horizontal-scroll" }, { Header: "Client", id: "client", accessor: r => r[3], - minWidth: 150 + minWidth: 120, + className: "horizontal-scroll" }, { Header: "Status",