@aligov/components-table-actions

表格操作单元格容器

Usage no npm install needed!

<script type="module">
  import aligovComponentsTableActions from 'https://cdn.skypack.dev/@aligov/components-table-actions';
</script>

README

表格操作单元格容器

@aligov/components-table-actions

表格操作单元格容器。

用于表格的操作列内容渲染,直接写内容,容器给内部的元素添加空白间隔。

2.0.0 版本开始,添加了超过指定数量后将收起放到「更多」下拉菜单里的功能。下拉菜单默认和触发元素右对齐,可根据实际场景来做调整。

用法

<TableActions>
  <Button type="primary" text={true}>Button型文字</Button>
  <Button type="primary">按钮</Button>
  <a href="//taobao.com">链接</a>
  <span>普通文本</span>
</TableActions>

API

参数名 说明 必填 类型 默认值 备注
moreThreshold 子元素超过该数量后,将出现下拉菜单 N number 3 2.0.0 版本起
moreText 下拉菜单展示文案 N string "更多" 2.0.0 版本起
moreProps 下拉菜单 props,详见 MenuButton N object {} 2.0.0 版本起
popupProps 下拉弹层 props,详见 Overlay N object {} 2.0.0 版本起