🤔 部分表格无法显示

[jazwu]

🏷 Version

Package	Version
@antv/s2	1.36.0
@antv/s2-react	1.33.0
@antv/s2-vue

Sheet Type

• PivotSheet
• TableSheet
• GridAnalysisSheet
• StrategySheet
• EditableSheet

🖋 Description

显示多个表格时，同一套代码，显示了前5个表格后，后面的表格显示不出来。如下：

代码如下：

render() {
    return (
      <div className="site-card-border-less-wrapper">
        {this.state.dataCfg.map((item, idx) => {
          return (
            <Card title={item[0]} bordered={false}>
                {item[1].map((item2, idx2) => {
                return <div>
                  <h4>{item2.describe}</h4>
                  <SheetComponent sheetType={item2.sheetType} dataCfg={item2} options={this.state.options} themeCfg={this.state.themeCfg} adaptive={true}/>
                </div>})}
            </Card>)})}
      </div>
    )
  };

其中，从服务器获得的data存入到 this.state.dataCfg 中。数据格式为:
[["债券信息汇总", [{"fields": ..., "meta": ..., "data": ...},{"fields": ..., "meta": ..., "data": ...}]],["股东个人信息表", [{"fields": ..., "meta": ..., "data": ...}]]]。其中，列表里的每一个元素都是一个Card，Card的标题为元素中的第一个元素（例如："债券信息汇总"），而Card的body部分显示一个或多个表格。

附上css的代码：

@import '~antd/es/style/themes/default.less';

.site-card-border-less-wrapper {
    padding: 30px;
    background: #ffffff;
}

🔗 Reproduce Link

😊 Expected Behavior

😅 Current Behavior

[github-actions]

你要找的是不是 (You may look for issues):

1. 85% 🤔 #1881