Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

BasicTable在使用expandedRowRender后,表格没法左右滚动条,导致表格右边没法显示完全. #908

Closed
shengyiHuang opened this issue Jul 14, 2021 · 5 comments

Comments

@shengyiHuang
Copy link

Describe the bug

BasicTable在使用expandedRowRender后,父表格和子表格都没法正常显示完整,表格没法左右滚动

Reproduction

 <PageWrapper>
    <BasicTable @register="registerTable">
      <template #expandedRowRender="{ record }">
        <div>
          <BasicTable :columns="subTableCols" :dataSource="record.items">
            <template #image="row">
              <Image :width="100" :src="row.record.productMainImage" />
            </template>
            <template #shipping="row">
              <span v-if="record.trackingCode">
                {{ row.record.shippingType }} <br />
                {{ row.record.shipmentProvider }} <br />
                Tracking Code: {{ row.record.trackingCode }}
              </span>
            </template>
            <template #status="row">
              <Tag :color="cs[row.record.status]">
                {{ row.record.status }}
              </Tag>
            </template>
          </BasicTable>
        </div>
      </template>
      <template #action="{ record }">
        <a-button type="link" @click="handleEdit(record)" size="small">
          <EditOutlined /> Detail
        </a-button>
      </template>
      <template #status="{ record }">
        <Tag :color="cs[record.status]">
          {{ record.status }}
        </Tag>
      </template>
      <template #source="{ record }"> {{ record.platform }} {{ record.source }} </template>
      <template #customer="{ record }">
        {{ record.customerFirstName + record.customerLastName }}
      </template>
      <template #amount="{ record }"> ${{ record.price }} </template>
      <template #dateTime="{ record }"> {{ formatDate(record.createdAt) }} </template>
    </BasicTable>
  </PageWrapper>

3

System Info

  • Operating System: Mac 10.15.7
  • Node version: v14.16.0
  • Package manager (npm/yarn/pnpm) and version:
  • yarn: 1.22.4
  • vue-vben: 2.5.2
@mynetfan
Copy link
Collaborator

暂时移除滚动样式补丁:6350224

请合并此commit后再试试

@shengyiHuang
Copy link
Author

暂时移除滚动样式补丁:6350224

请合并此commit后再试试

暂时移除滚动样式补丁:6350224

请合并此commit后再试试

对移除还是不行,还是有这个问题

@Free-Qi
Copy link

Free-Qi commented Nov 3, 2021

请问这个问题解决了么,就是我用了expandedRowRender后,就是无法显示横向滚动条。。。这个现在有解决方案么?

@iporer
Copy link

iporer commented Dec 8, 2021

请问这个问题解决了么,就是我用了expandedRowRender后,就是无法显示横向滚动条。。。这个现在有解决方案么?

我也是这个问题,蹲个解决方案

@anncwb
Copy link
Collaborator

anncwb commented May 12, 2024

This issue is stale because it has been open 60 days with no activity. Remove stale label or comment or this will be closed in 7 days

@anncwb anncwb added the Stale label May 12, 2024
@anncwb anncwb closed this as completed May 19, 2024
@vbenjs vbenjs locked and limited conversation to collaborators Aug 3, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants