Make QueryTable scrollable in Query Search page (#1656)

This commit is contained in:
vera-liu 2016-11-22 11:19:23 -08:00 committed by GitHub
parent 6825e75681
commit 10982dec3c

View File

@ -192,16 +192,22 @@ class QuerySearch extends React.PureComponent {
{this.state.queriesLoading ? {this.state.queriesLoading ?
(<img className="loading" alt="Loading..." src="/static/assets/images/loading.gif" />) (<img className="loading" alt="Loading..." src="/static/assets/images/loading.gif" />)
: :
(<QueryTable (
columns={[ <div className="scrollbar-container">
'state', 'db', 'user', 'date', <div className="scrollbar-content">
'progress', 'rows', 'sql', 'querylink', <QueryTable
]} columns={[
onUserClicked={this.onUserClicked.bind(this)} 'state', 'db', 'user', 'date',
onDbClicked={this.onDbClicked.bind(this)} 'progress', 'rows', 'sql', 'querylink',
queries={this.state.queriesArray} ]}
actions={this.props.actions} onUserClicked={this.onUserClicked.bind(this)}
/>) onDbClicked={this.onDbClicked.bind(this)}
queries={this.state.queriesArray}
actions={this.props.actions}
/>
</div>
</div>
)
} }
</div> </div>
); );