antd table动态表头_ant-design动态表头

本文探讨了在使用Ant Design Table组件时遇到的动态表头加载数据异常情况。当表头数据从后台请求并在获取内容数据后,内容显示为空格,而固定表头则能正常显示。通过分析代码,可以看到组件在生命周期方法中订阅了主题来请求内容数据,可能的问题在于数据同步和渲染时机。作者提供了相关代码片段以供分析。
摘要由CSDN通过智能技术生成

问题描述

ant-design表头数据是请求后台得到后,再请求table内容时,内容数据条数正常,但内容显示为空格,如果不是请求得到则显示正常(请求表table内容前,表头已正常显示);

问题出现的环境背景及自己尝试过哪些方法

将表头改为固定表头,这样正常显示,但不是想要的结果

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

import React from 'react'

import { Table } from 'antd';

import PubSub from 'pubsub-js'

import axios from 'axios'

export default class TableComment extends React.Component {componentDidMount(){

// this.getReportHeader(1);//请求表头数据

const columns = [{

title: '姓名',

dataIndex: 'lastname',

key: 'lastname',

width: 400,

fixed: 'left'

}, {

title: '基本信息',

children: [{

title: '工作地点',

dataIndex: 'locationname',

key:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值