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 · 0 comments

Comments

@kid-kang
Copy link

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

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

1 participant