Skip to content

页面添加antd 表格,滚动条会出现在页面最下方而不是表格内部 #7

@wukai981003

Description

@wukai981003

问题:
新增一个路由菜单,在页面中添加了一个表格,columns属性如下:
const columns = [
// {
// colKey: 'row-select',
// type: 'multiple',
// width: 64,
// },
{
width: 180,
dataIndex: 'plan_no',
title: '计划编号',
align: 'center',
},
{
width: 160,
dataIndex: 'customer_name',
title: '客户名称',
align: 'center',
},
{
width: 280,
dataIndex: 'location_name',
title: '作业地点',
align: 'center',
},
{
width: 160,
dataIndex: 'status',
title: '计划状态',
align: 'center',
cell: 'status',
},
{
width: 120,
dataIndex: 'creator_name',
title: '计划提交',
align: 'center',
},
{
width: 180,
dataIndex: 'operator_name',
title: '操作员',
align: 'center',
cell: 'operator_name',
},
{
width: 140,
dataIndex: 'assign_name',
title: '监装员',
align: 'center',
},
// {
// width: 210,
// dataIndex: 'created_at',
// title: '计划时间',
// align: 'center',
// },
// {
// width: 210,
// dataIndex: 'assign_date',
// title: '受理时间',
// align: 'center',
// },
// {
// width: 210,
// dataIndex: 'updated_at',
// title: '更新时间',
// align: 'center',
// },
// {
// width: 210,
// dataIndex: 'assign_date',
// title: '派工时间',
// align: 'center',
// },
// {
// width: 210,
// dataIndex: 'assign_date',
// title: '确认时间',
// align: 'center',
// },
// {
// width: 160,
// dataIndex: 'ship_name_cn',
// title: '中文船名',
// align: 'center',
// },
// {
// width: 160,
// dataIndex: 'ship_name_en',
// title: '英文船名',
// align: 'center',
// },
// {
// width: 120,
// dataIndex: 'voyage',
// title: '航次',
// align: 'center',
// },
// {
// width: 210,
// dataIndex: 'sail_date',
// title: '开航日期',
// align: 'center',
// },
// {
// width: 160,
// colKey: 'ship_type',
// title: '船类型',
// align: 'center',
// },
{
width: 120,
dataIndex: 'sign_text',
title: '整拼标志',
align: 'center',
},

{
  width: 160,
  dataIndex: 'port_code',
  title: '港口代码',
  align: 'center',
},

{
  dataIndex: 'action',
  title: '操作',
  width: 200,
  align: 'center',
  fixed: 'right',
},

];
// template table


滚动条出现在最下方,而不是表格内

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions