nutui-react
nutui-react copied to clipboard
jdf2e
在小程序中，Table固定的列的背景透明，导致与横向滑动内容冲突
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
/>
期望的结果是什么？
固定列会挡住滑动列表的内容
实际的结果是什么？
环境信息
No response
其他补充信息
No response
