多行头列头数据渲染卡顿的问题🤔 #2817
Labels
Comments
|
卡顿的具体表现是什么? 复现链接请直接提供能直接打开就能运行的 在线 codesandbox demo, 而不是一堆代码片段, 我复制你的代码表现正常, 未能复现我理解的卡顿. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
🏷 Version
Sheet Type
🖋 Description
首先我使用的是Vue2开发。关于多行头多列头数据渲染的问题，我参考issues《多行头大数据(1w条左右)透视表渲染卡顿 #2693》的回答，使用了version @antv/s2-v2.0.0-next.21版本，但是打开依旧卡顿。
目前的显示效果：
我想要实现的显示效果：页面渲染不卡顿
🔗 Reproduce Link
代码如下：
` s2DataConfig: {
fields: {
rows: ['year', 'department', 'companyTopic', 'departTopic', 'project', 'valueType'],
columns: ['units', 'type'], // 可以根据需要添加列
values: ['value'],
valueInCols: false, // 通常当values字段只包含一个时，不需要这个选项
},
//字段用于定义每个字段的元数据，比如字段的显示名称等
meta: [
{ field: 'year', name: '年份' },
{ field: 'units', name: '运营单位' },
{ field: 'companyTopic', name: '公司预算目标' },
{ field: 'departTopic', name: '部门预算目标' },
{ field: 'department', name: '部门' },
{ field: 'project', name: '项目' },
{ field: 'type', name: '类别' },
{ field: 'valueType', name: '值类型' },
{ field: 'value', name: '金额' },
],
//字段是一个数组，包含了表格的实际数据
data: [
{
year: '2022年',
department: '物资供应(唐山)业务部',
companyTopic: '物流公司2023年预算目标',
departTopic: '物资供应(唐山)业务部2023年预算目标',
project: '改造钢筋供应项目',
units: '运营单位1',
type: '主营收入',
value: 128160687.67,
},
{
year: '2022年',
department: '物资供应(唐山)业务部',
companyTopic: '物流公司2023年预算目标',
departTopic: '物资供应(唐山)业务部2023年预算目标',
project: '改造钢筋供应项目',
units: '运营单位1',
type: '主营成本',
value: 127551437.16,
},
😊 Expected Behavior
😅 Current Behavior
The text was updated successfully, but these errors were encountered: