From 1491bc8d29f4dc240d6d66b13e0bffb92fdf1047 Mon Sep 17 00:00:00 2001
From: Tom Robinson <tlrobinson@gmail.com>
Date: Tue, 29 Nov 2016 13:30:13 -0800
Subject: [PATCH] Hide table header scrollbars, add debug way to toggle canvas
hack
---
frontend/src/metabase/visualizations/TableInteractive.jsx | 6 +++---
1 file changed, 3 insertions(+), 3 deletions(-)
diff --git a/frontend/src/metabase/visualizations/TableInteractive.jsx b/frontend/src/metabase/visualizations/TableInteractive.jsx
index a26fb85b9a8..2baa2a4e696 100644
--- a/frontend/src/metabase/visualizations/TableInteractive.jsx
+++ b/frontend/src/metabase/visualizations/TableInteractive.jsx
@@ -318,11 +318,11 @@ export default class TableInteractive extends Component {
<ScrollSync>
{({ clientHeight, clientWidth, onScroll, scrollHeight, scrollLeft, scrollTop, scrollWidth }) =>
<div className={cx(className, 'MB-DataTable relative', { 'MB-DataTable--pivot': this.props.isPivoted, 'MB-DataTable--ready': this.state.contentWidths })}>
- {/* <canvas className="spread" style={{ pointerEvents: "none", zIndex: 999 }} width={width} height={height} /> */}
+ { window.localStorage.tableCanvasHack && <canvas className="spread" style={{ pointerEvents: "none", zIndex: 999 }} width={width} height={height} /> }
<Grid
ref={(ref) => this.header = ref}
- style={{ top: 0, left: 0, right: 0, height: HEADER_HEIGHT, position: "absolute" }}
- className=" MB-DataTable-header scroll-hide-all"
+ style={{ top: 0, left: 0, right: 0, height: HEADER_HEIGHT, position: "absolute", overflow: "hidden" }}
+ className="MB-DataTable-header scroll-hide-all"
width={width || 0}
height={HEADER_HEIGHT}
columnCount={cols.length}
--
GitLab