Skip to content
New issue

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

根据安装步骤引入组件后,显示的页面和官网展示不同 #380

Open
jjnian opened this issue Aug 17, 2023 · 3 comments
Open

Comments

@jjnian
Copy link

jjnian commented Aug 17, 2023

Describe the bug
根据官网的安装步骤
1.安装完drip-table-generator和drip-table依赖,

2.引入组件

import DripTableGenerator from "drip-table-generator";
import "drip-table-generator/dist/index.min.css";

return <DripTableGenerator />;

3.显示
image

Expected behavior
按照官网显示,应该显示如下图片,如何能显示出下方的效果,是否有代码示例?
image

Desktop (please complete the following information):

  • Drip-table version: 3.0.0-alpha.7
  • Drip-table-generator version (optional): 3.1.1-alpha.2
  • React version: 18.0.33
  • OS: [e.g. iOS] windows
  • Browser [e.g. chrome, safari] Chrome
  • Version [e.g. 22]
@helloqian12138
Copy link
Collaborator

官网截图示例比较老,是2.x的版本,后续我们会更新一下

@jjnian
Copy link
Author

jjnian commented Aug 18, 2023

我测试的2.x的版本还是显示不出来那个样子

@helloqian12138
Copy link
Collaborator

import './App.css';
import { Empty } from 'antd';
import DripTableGenerator from 'drip-table-generator';
import 'drip-table-generator/dist/index.min.css';
import "antd/dist/antd.css";

function App() {
return (





<DripTableGenerator
dataSource={[]}
style={{ height: '700px' }}
schema={{ pagination: { pageSize: 10 }, columns: []}}
/>





);
}

export default App;

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants