【ant design vueのテーブルをスクロール設定するとスクロールバーの非表示処理が表示されます】

テーブル リストのコンテンツを Y 軸方向にスクロールする必要がある場合は、たとえば次のようにスクロール値を追加して設定します。

<a-table
    :columns="columns"
    :data-source="columnsList"
    :pagination="false"
    :scrollToFirstRowOnChange="true"
    :scroll="{x: 945, y: 290}"
    >

この

とき、リストのヘッダーとリストの下部にもスクロール バーが表示されます (:scroll に x が設定されていないため、下部のスクロール バーは表示されません)。単純に見えません。CSS に次のスタイルを追加できます。

// 隐藏表头的滚动条
	/deep/ .ant-table-fixed-header .ant-table-scroll .ant-table-header {
    
    
   			overflow: hidden !important;
    		margin-bottom: 0 !important;
				}
//隐藏表格底部横向滚动条
	/deep/.ant-table-body {
    
    
			overflow-x: hidden !important;
 			}

効果は次のとおりです。