安庆市网站建设制作html家乡网站设计

滑动表格

外层嵌套一个盒子设置固定大小，并添加overflow:hidden auto只有y轴滑动，隐藏x轴滑动

表头固定不滑动可以添加position:sticky;top:0

  <div style="width:878px;height:685px;overflow:hidden auto" class="tableDiv"><n-table class="Tab-1-table"><thead style="position:sticky;top:0"></thead><tbody></tbody></n-table></div></div></div>

不想显示滑动条可以添加：

    .tableDiv::-webkit-scrollbar {display: none; /* Chrome Safari */}

使表格不超出固定宽度，文字自适应换行

  .Tab-1-table {table-layout: fixed;word-break: break-word;word-wrap: break-word;}

表格组件：https://www.naiveui.com/zh-CN/os-theme/components/table