Question

我在显示包含大量数据的显示时遇到困难，并且由于无法滚动而无法看到所有数据。如何使该表单组可滚动，以便可以滚动查看数据？

 render() {


            return (

                <div style={{width: '50rem', margin: '1rem'}}>
                    <Header as='h2' textAlign='center' style={styles.mainHeader}>CMS View</Header>

                    <Segment raised className='magentaSegment'>

                        <Form style={{paddingBottom: '2.5em'}} error={this.props.networksHasErrored}>
                            <Form.Group widths='equal'>
                            </Form.Group>
                            <Form.Input fluid label='Package Lid' value = {cmsObj.PACKAGE_LID}  style={styles.normalColor} />
                            <Form.Input fluid label='Provider' value = {cmsObj.Provider}  style={styles.normalColor} />
                            <Form.Input fluid label='ADI' value = {cmsObj.ADI}  style={styles.normalColor} />
                            <Form.Input fluid label='Provider ID' value = {cmsObj.Provider_ID}  style={styles.normalColor} />
                            <Form.Input fluid label='Source' value = {cmsObj.Source}  style={styles.normalColor} />
                            <Form.Input fluid label='Title' value = {cmsObj.Title}  style={styles.normalColor} />
                            <Form.Input fluid label='Creation Date' value = {cmsObj.Creation_Date}  style={styles.normalColor} />
                            <Form.Input fluid label='Update Date' value = {cmsObj.Update_Date}  style={styles.normalColor} />
                            <Form.Input fluid label='Licensing Window Start' value = {cmsObj.Licensing_Window_Start}  style={styles.normalColor} 
                        </Form>
                    </Segment>
                </div>
            )
    }

我以为可以添加某种类型的“滚动”字段，但是在弄清楚这一点时遇到了问题。

Answer 1

我认为您应该可以将Forms.Group组件的高度，maxHeight和上溢-Y：'scroll'设置为样式属性

使React Form Group可滚动

1 个答案: