advanced-antd v0.1.4

advanced-antd

English · 中文

概要

ScrollTable:

根据页面布局自动调整表格的 scroll-y 属性。

DragModal:

DragModal组件是基于antd Modal组件的二次封装，实现了弹窗拖拽功能。

样例

https://jilangyangbo.github.io/advanced-antd/

安装

npm install advanced-antd  or  pnpm install advanced-antd or yarn add advanced-antd

使用

ScrollTable:

使用方式和antd的Table类似。

import {ScrollTable} from 'advanced-antd'
...

<ScrollTable>
  dataSource={data}
  scroll={{x:true}}
  ...
  bottomHeight={0}
<ScrollTable/>

DragModal:

使用方式和antd的Modal类似。

import {ScrollTable} from 'advanced-antd'
...
const [open, setOpen] = useState(false)
...

  <DragModal
    title="Dragable Modal"
    open={open}
    onCancel={()=>setOpen(false)}
    onOk={()=>setOpen(false)}
  >
    content
  </DragModal>

属性

ScrollTable:

包含原生antd Table的所有属性以及自有属性。

自有属性

DragModal:

包含原生antd Modal的所有属性以及自有属性。

自有属性