We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
import React, { Component } from "react"; import ReactDOM from "react-dom"; import { Collapse, Row, Table, Drawer, Button } from "antd"; import "./styles.css"; const { Panel } = Collapse; class App extends Component { state = { visible: false }; render() { const { visible } = this.state; const columns = [ { key: "id", dataIndex: "id", title: "id" }, { key: "name", dataIndex: "name", title: "name" } ]; const dataSource = [ { id: 1, name: "Jason" }, { id: 2, name: "JasonJasonJasonJasonJasonJasonJasonJasonJasonJasonJasonJasonJasonJasonJasonJason" } ]; return ( <div className="App"> <Button type="primary" onClick={() => { this.setState({ visible: !visible }); }} > Toggle </Button> <Drawer title="Span" width={250} closable placement="left" visible={visible} onClose={() => { this.setState({ visible: false }); }} > <Collapse> <Panel header="Basic" key="basic"> <Row span={24}> <Table size="small" rowKey="id" columns={columns} pagination={false} dataSource={dataSource} /> </Row> </Panel> </Collapse> </Drawer> </div> ); } } const rootElement = document.getElementById("root"); ReactDOM.render(<App />, rootElement);
溢出文字自动换行
溢出文字没有自动换行
The text was updated successfully, but these errors were encountered:
https://codesandbox.io/s/crazy-volhard-xlilo
Sorry, something went wrong.
自行添加样式 or 设置一个 scroll 属性:https://codesandbox.io/s/crimson-haze-28jw0
为什么单独使用不会有溢出的问题?
一样会顶出去的,没做过特殊处理:
zombieJ
No branches or pull requests
Reproduction link
Steps to reproduce
What is expected?
溢出文字自动换行
What is actually happening?
溢出文字没有自动换行
The text was updated successfully, but these errors were encountered: