# antd-table

二次封装表格

# Feature

## 可进行全局配置对话框相关属性，统一把控

\-

## 样式调整

- 调整了单元格对齐方式 left 和 right ，左右 padding 加大，看着更加协调
- 调整了单元格内部的 ant-btn-link 按钮间距
- 默认表格的 head ，body 单元格都居中

  head 单元格如果需要个别不居中，可以使用 table [customHeaderCell](https://next.antdv.com/components/table-cn#Column) 方式自定义

  ```js
  {
    title: '操作',
    dataIndex: 'action',
    customHeaderCell(column: any) {
      return {
        class: 'text-left' // or 'text-right'
      };
    }
  }
  ```

  body 单元格如果需要不居中，可以使用

  ```js
  {
    title: '操作',
    dataIndex: 'action',
    align:'left'
  }
  ```

- loading 展示的时候不显示空状态，默认 antd 都会一起显示

## 与 TableLayout 配合

- 当 TableLayout 出现 drawer 时，如果是对某一确认数据行操作，则表格对应行高亮且滚动到合适区域，如果是新增或其他，则左侧无可操作区域。

- 需要确保 a-table 都必须要 row-key 属性，否则不会高亮当前操作行，[参考 row-key](https://www.antdv.com/components/table-cn#%E6%B3%A8%E6%84%8F)
