problème de barre de défilement vertical de la table de défilement antd

scénario de problème

Lors de l'utilisation d'antd avec une barre de défilement, parfois lorsque tbodyla hauteur ≤ yvaleur, la barre de défilement verticale ne laissera que l'arrière-plan de la barre de défilement et la barre de défilement disparaîtra (comme indiqué ci-dessous) (parfois, l'état vide aura également des problèmes); seulement lorsque Lorsque tbodyla hauteur de est supérieure à yla valeur, la barre de défilement verticale s'affichera normalement. Si le style de la barre de défilement est modifié dans le projet, il peut y avoir des problèmes inesthétiques.

  <Table
    columns={
    
    columns}
    dataSource={
    
    data}
    scroll={
    
    {
    
    
      x: 1500,
      y: 500
    }}
  />

Causes et solutions

Le débordement dans antd est :

overflow: auto scroll;

L'axe y scrollest à l'origine du problème.

Modifiez également les propriétés de l'axe des ordonnées auto.

.ant-table-body {
    
    
	overflow: auto !important;
}