drip-table icon indicating copy to clipboard operation
drip-table copied to clipboard

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

Open jjnian opened this issue 2 years ago • 3 comments

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]

jjnian avatar Aug 17 '23 07:08 jjnian

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

helloqian12138 avatar Aug 18 '23 03:08 helloqian12138

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

jjnian avatar Aug 18 '23 06:08 jjnian

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 ( <div className="App"> <header className="App-header">

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

export default App;

image

helloqian12138 avatar Aug 21 '23 07:08 helloqian12138