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

在小程序中,Table固定的列的背景透明,导致与横向滑动内容冲突 #2763

Open
kid-kang opened this issue Nov 18, 2024 · 4 comments

Comments

@kid-kang
Copy link
Contributor

NutUI React 包名

@nutui/nutui-react

NutUI React 版本号

2.7.0

平台

其他小程序

重现链接

https://codesandbox.io/p/devbox/nutui-react-2x-demo-fg4vxd

重现步骤

<Table
        columns={[
          {
            title: '姓名',
            key: 'name',
            fixed: 'left',
            width: 50,
          },
          {
            title: '性别',
            key: 'gender',
            width: 50,
            render: (record) => {
              return <span style={{ color: record.gender === '女' ? 'blue' : 'green' }}>{record.gender}</span>
            },
          },
          {
            title: '学历',
            key: 'record',
            width: 50,
          },
          {
            title: '学历2',
            key: 'record2',
            width: 50,
          },
          {
            title: '学历3',
            key: 'record3',
            width: 50,
          },
          {
            title: '学历4',
            key: 'record4',
            width: 50,
          },
          {
            title: '学历5',
            key: 'record5',
            width: 50,
          },
          {
            title: '学历6',
            key: 'record5',
            width: 50,
          },
          {
            title: '学历7',
            key: 'record5',
            width: 50,
          },
          {
            title: '学历8',
            key: 'record5',
            width: 50,
          },
          {
            title: '学历9',
            key: 'record5',
            width: 50,
          },
          {
            title: '学历10',
            key: 'record5',
            width: 50,
          },
        ]}
        data={[
          {
            name: 'Tom',
            gender: '男',
            record: '小学',
            record2: '小学',
            record3: '小学',
            record4: '小学',
            record5: '小学',
            record6: '小学',
            record7: '小学',
            record8: '小学',
            record9: '小学',
            record10: '小学',
          },
          {
            name: 'Lucy',
            gender: '女',
            record: '本科',
            record2: '小学',
            record3: '小学',
            record4: '小学',
            record5: '小学',
            record6: '小学',
            record7: '小学',
            record8: '小学',
            record9: '小学',
            record10: '小学',
          },
          {
            name: 'Jack',
            gender: '男',
            record: '高中',
            record2: '小学',
            record3: '小学',
            record4: '小学',
            record5: '小学',
            record6: '小学',
            record7: '小学',
            record8: '小学',
            record9: '小学',
            record10: '小学',
          },
          {
            name: 'Jack',
            gender: '男',
            record: '高中',
            record2: '小学',
            record3: '小学',
            record4: '小学',
            record5: '小学',
            record6: '小学',
            record7: '小学',
            record8: '小学',
            record9: '小学',
            record10: '小学',
          },
        ]}

        // striped
      />

期望的结果是什么?

固定列会挡住滑动列表的内容

实际的结果是什么?

image
image

环境信息

No response

其他补充信息

No response

@oasis-cloud
Copy link
Collaborator

发个完整的 demo 吧,在 Taro 3.6.35 NutUI-react-taro 2.7.0 上无法复现问题。
image

@kid-kang
Copy link
Contributor Author

我是在飞书小程序上复现的

@oasis-cloud
Copy link
Collaborator

其他小程序特指飞书小程序吗?

@kid-kang
Copy link
Contributor Author

是的,我没有在其他小程序实验过,但飞书小程序确实是有这个问题,加了个默认背景色就好了

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants