fix(dashboard): fix Pivot Table V2 dragPreview in the dashboard (#21539)

This commit is contained in:
Stephen Liu 2022-09-28 22:10:38 +08:00 committed by GitHub
parent 60bab4269f
commit ab53d77aba
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 5 deletions

View File

@ -20,9 +20,9 @@
import { css, styled } from '@superset-ui/core';
export const Styles = styled.div`
${({ theme }) => css`
${({ theme, isDashboardEditMode }) => css`
table.pvtTable {
position: relative;
position: ${isDashboardEditMode ? 'inherit' : 'relative'};
font-size: ${theme.typography.sizes.s}px;
text-align: left;
margin: ${theme.gridUnit}px;
@ -32,7 +32,7 @@ export const Styles = styled.div`
}
table thead {
position: sticky;
position: ${isDashboardEditMode ? 'inherit' : 'sticky'};
top: 0;
}
@ -51,7 +51,7 @@ export const Styles = styled.div`
}
table.pvtTable tbody tr.pvtRowTotals {
position: sticky;
position: ${isDashboardEditMode ? 'inherit' : 'sticky'};
bottom: 0;
}

View File

@ -826,6 +826,10 @@ export class TableRenderer extends React.Component {
);
}
isDashboardEditMode() {
return document.contains(document.querySelector('.dashboard--editing'));
}
render() {
if (this.cachedProps !== this.props) {
this.cachedProps = this.props;
@ -867,7 +871,7 @@ export class TableRenderer extends React.Component {
};
return (
<Styles>
<Styles isDashboardEditMode={this.isDashboardEditMode()}>
<table className="pvtTable" role="grid">
<thead>
{colAttrs.map((c, j) =>