diff options
| author | srichman333 <sarah_n_richman@brown.edu> | 2023-08-03 15:56:11 -0400 |
|---|---|---|
| committer | srichman333 <sarah_n_richman@brown.edu> | 2023-08-03 15:56:11 -0400 |
| commit | 8bdae208c4ae44766241c285f2f7234027b9b80f (patch) | |
| tree | 1e34a62780f9cca7d9f8299355378026b5844062 /src/client/views/nodes/DataVizBox/components/TableBox.tsx | |
| parent | 23e0ee2dcad8df2bc3467647e05c433f27787d54 (diff) | |
histogram small data fix
Diffstat (limited to 'src/client/views/nodes/DataVizBox/components/TableBox.tsx')
| -rw-r--r-- | src/client/views/nodes/DataVizBox/components/TableBox.tsx | 42 |
1 files changed, 23 insertions, 19 deletions
diff --git a/src/client/views/nodes/DataVizBox/components/TableBox.tsx b/src/client/views/nodes/DataVizBox/components/TableBox.tsx index 5653adbce..f244502a4 100644 --- a/src/client/views/nodes/DataVizBox/components/TableBox.tsx +++ b/src/client/views/nodes/DataVizBox/components/TableBox.tsx @@ -120,25 +120,29 @@ export class TableBox extends React.Component<TableBoxProps> { </thead> <tbody> {this._tableData?.map((p, i) => { - return ( - <tr key={i} className="table-row" onClick={action(e => { - if (!this.props.layoutDoc.selected) this.props.layoutDoc.selected = new List<string>(); - const selected = Cast(this.props.layoutDoc.selected, listSpec("string"), null); - if (selected.includes(p.guid)) selected.splice(selected.indexOf(p.guid), 1); - else { - selected.push(p.guid)}; - })} style={ - { fontWeight: StrListCast(this.props.layoutDoc.selected).includes(p.guid) ? 'bold' : '' , width: '110%', - background: StrListCast(this.props.layoutDoc.selected).includes(p.guid) ? 'lightgrey' : '' }}> - {this.columns.map(col => ( - (this.props.layoutDoc.selected)? - <td key={this.columns.indexOf(col)} style={{border: '1px solid black'}}> - {p[col]} - </td> - : <td key={this.columns.indexOf(col)} style={{border: '1px solid black'}}> {p[col]} </td> - ))} - </tr> - ); + var containsData = false; + this.columns.map(col => {if (p[col]!='' && p[col]!=null && p[col]!=undefined) containsData = true}) + if (containsData){ + return ( + <tr key={i} className="table-row" onClick={action(e => { + if (!this.props.layoutDoc.selected) this.props.layoutDoc.selected = new List<string>(); + const selected = Cast(this.props.layoutDoc.selected, listSpec("string"), null); + if (selected.includes(p.guid)) selected.splice(selected.indexOf(p.guid), 1); + else { + selected.push(p.guid)}; + })} style={ + { fontWeight: StrListCast(this.props.layoutDoc.selected).includes(p.guid) ? 'bold' : '' , width: '110%', + background: StrListCast(this.props.layoutDoc.selected).includes(p.guid) ? 'lightgrey' : '' }}> + {this.columns.map(col => ( + (this.props.layoutDoc.selected)? + <td key={this.columns.indexOf(col)} style={{border: '1px solid black'}}> + {p[col]} + </td> + : <td key={this.columns.indexOf(col)} style={{border: '1px solid black'}}> {p[col]} </td> + ))} + </tr> + ); + } })} </tbody> </table> |