2023年6月20日发(作者：)

antdvue表格样式修改（包括滚动条，固定列，⿏标移⼊） .Table .ant-table-thead > tr > th { background: rgba(19, 65, 133, 0.46) !important; color:#bcc4d2!important; border-bottom: 1px solid #174279!important; border-right: 1px solid #174279!important; } .Table .ant-table-thead::-webkit-scrollbar { display: none!important; !/* Chrome Safari *!*/ } .Table .ant-table-content .ant-table-thead > tr > th { background: rgba(19, 65, 133, 0.66) !important; color:#bcc4d2!important; } .Table .ant-table-thead .ant-table-fixed> tr > th { background: rgba(19, 65, 133, 0.66) !important; color:#bcc4d2!important; } .Table .ant-table-tbody { /*color: #FFFFFF !important;*/ background: rgba(19, 65, 133, 0.26) !important; color:#bcc4d2!important; border-bottom: 1px solid #174279!important; } .nka_lkaTable .ant-table-content .ant-table-header{ background:none!important; } .Table .ant-table-body{ background:none!important; } .Table .ant-table-bordered .ant-table-content{ border-right: 1px solid #174279!important; } .Table .ant-table-small{ border: 1px solid #174279!important; } .Table .ant-table-tbody > tr > td { border-right: 1px solid #174279!important; border-bottom: 1px solid #174279!important; } /*有固定⾏的ant-design-vue 表格滑动样式*/ .Table .ant-table-fixed .ant-table-row-hover { background: rgba(19, 65, 133, 0.86) !important; } .nTable .ant-table-fixed .ant-table-row-hover > td { background: rgba(19, 65, 133, 0.86) !important; } /*没有固定⾏的表格个样式*/ .Table .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td { background-color: rgba(19, 65, 133, 0.86) !important; } .Table .ant-table-body .ant-table-row-hover { background: rgba(19, 65, 133, 0.86) !important; } .Table .ant-table-body .ant-table-row-hover > td { background: rgba(19, 65, 133, 0.86) !important; } .nka_lkaTable .ant-table-fixed{ background: none!important; } .Table .ant-table-fixed .ant-table-tbody { /*color: #FFFFFF !important;*/ background: rgba(19, 65, 133, 0.26) !important; background: rgba(19, 65, 133, 0.26) !important; } .Table .ant-table-placeholder{ background: none!important; } .Table .ant-empty-normal{ color: #bcc4d2!important; } .Table .ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar{ display: none!important; } .Table .ant-table-fixed-header .ant-table-scroll .ant-table-header{ margin-bottom: 0px!important; padding-right: 8px!important; } .Table .-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body{ &::-webkit-scrollbar-track{ background: #0d346f!important; } &::-webkit-scrollbar-thumb { background-color: rgba(45,96,192, 0.6)!important; } &:hover{ /*cursor: pointer;*/ &::-webkit-scrollbar-track{ /*-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);*/ /*background-color:#F5F5F5;*/ } &::-webkit-scrollbar-thumb{ -webkit-box-shadow:inset 0 0 6px rgba(45,96,192,.3)!important; background-color: rgba(45,96,192, 0.9)!important; } } } /*固定列的表格背景⾊*/ .Table .ant-table-fixed-left{ background: rgba(0,55,120, 0.8)!important; }

2023年6月20日发(作者：)

antdvue表格样式修改（包括滚动条，固定列，⿏标移⼊） .Table .ant-table-thead > tr > th { background: rgba(19, 65, 133, 0.46) !important; color:#bcc4d2!important; border-bottom: 1px solid #174279!important; border-right: 1px solid #174279!important; } .Table .ant-table-thead::-webkit-scrollbar { display: none!important; !/* Chrome Safari *!*/ } .Table .ant-table-content .ant-table-thead > tr > th { background: rgba(19, 65, 133, 0.66) !important; color:#bcc4d2!important; } .Table .ant-table-thead .ant-table-fixed> tr > th { background: rgba(19, 65, 133, 0.66) !important; color:#bcc4d2!important; } .Table .ant-table-tbody { /*color: #FFFFFF !important;*/ background: rgba(19, 65, 133, 0.26) !important; color:#bcc4d2!important; border-bottom: 1px solid #174279!important; } .nka_lkaTable .ant-table-content .ant-table-header{ background:none!important; } .Table .ant-table-body{ background:none!important; } .Table .ant-table-bordered .ant-table-content{ border-right: 1px solid #174279!important; } .Table .ant-table-small{ border: 1px solid #174279!important; } .Table .ant-table-tbody > tr > td { border-right: 1px solid #174279!important; border-bottom: 1px solid #174279!important; } /*有固定⾏的ant-design-vue 表格滑动样式*/ .Table .ant-table-fixed .ant-table-row-hover { background: rgba(19, 65, 133, 0.86) !important; } .nTable .ant-table-fixed .ant-table-row-hover > td { background: rgba(19, 65, 133, 0.86) !important; } /*没有固定⾏的表格个样式*/ .Table .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td { background-color: rgba(19, 65, 133, 0.86) !important; } .Table .ant-table-body .ant-table-row-hover { background: rgba(19, 65, 133, 0.86) !important; } .Table .ant-table-body .ant-table-row-hover > td { background: rgba(19, 65, 133, 0.86) !important; } .nka_lkaTable .ant-table-fixed{ background: none!important; } .Table .ant-table-fixed .ant-table-tbody { /*color: #FFFFFF !important;*/ background: rgba(19, 65, 133, 0.26) !important; background: rgba(19, 65, 133, 0.26) !important; } .Table .ant-table-placeholder{ background: none!important; } .Table .ant-empty-normal{ color: #bcc4d2!important; } .Table .ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar{ display: none!important; } .Table .ant-table-fixed-header .ant-table-scroll .ant-table-header{ margin-bottom: 0px!important; padding-right: 8px!important; } .Table .-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body{ &::-webkit-scrollbar-track{ background: #0d346f!important; } &::-webkit-scrollbar-thumb { background-color: rgba(45,96,192, 0.6)!important; } &:hover{ /*cursor: pointer;*/ &::-webkit-scrollbar-track{ /*-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);*/ /*background-color:#F5F5F5;*/ } &::-webkit-scrollbar-thumb{ -webkit-box-shadow:inset 0 0 6px rgba(45,96,192,.3)!important; background-color: rgba(45,96,192, 0.9)!important; } } } /*固定列的表格背景⾊*/ .Table .ant-table-fixed-left{ background: rgba(0,55,120, 0.8)!important; }