feat: 增加固定表头设置
This commit is contained in:
parent
ab8508a0cb
commit
f581e761e8
|
@ -1,7 +1,7 @@
|
||||||
@typeparam TItem
|
@typeparam TItem
|
||||||
|
|
||||||
<Table TItem="TItem" IsBordered="true" IsStriped="true" IsMultipleSelect="true"
|
<Table TItem="TItem" IsBordered="true" IsStriped="true" IsMultipleSelect="true"
|
||||||
IsPagination="IsPagination" PageItemsSource="PageItemsSource"
|
IsPagination="IsPagination" PageItemsSource="PageItemsSource" IsFixedHeader="true"
|
||||||
UseInjectDataService="true" DataService="DataService" OnQueryAsync="OnQueryAsync!"
|
UseInjectDataService="true" DataService="DataService" OnQueryAsync="OnQueryAsync!"
|
||||||
ShowToolbar="true" ShowExtendButtons="true" ShowSearch="true"
|
ShowToolbar="true" ShowExtendButtons="true" ShowSearch="true"
|
||||||
ShowCardView="true" ShowColumnList="true"
|
ShowCardView="true" ShowColumnList="true"
|
||||||
|
|
|
@ -41,38 +41,26 @@
|
||||||
|
|
||||||
.tabs-body {
|
.tabs-body {
|
||||||
height: calc(100vh - 89px - var(--bb-footer-height));
|
height: calc(100vh - 89px - var(--bb-footer-height));
|
||||||
overflow: auto;
|
|
||||||
scrollbar-color: rgba(0,0,0,0.3) rgba(0,0,0,0);
|
|
||||||
scrollbar-width: thin;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.tabs-body::-webkit-scrollbar,
|
.table-scroll {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-scroll:hover {
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
|
||||||
.table-scroll::-webkit-scrollbar {
|
.table-scroll::-webkit-scrollbar {
|
||||||
width: 6px;
|
width: 6px;
|
||||||
height: 6px
|
height: 6px
|
||||||
}
|
}
|
||||||
|
|
||||||
.tabs-body::-webkit-scrollbar-thumb,
|
|
||||||
.table-scroll::-webkit-scrollbar-thumb {
|
.table-scroll::-webkit-scrollbar-thumb {
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background-color: rgba(0,0,0,0.2);
|
background-color: rgba(0,0,0,0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.tabs-body::-webkit-scrollbar-thumb:hover,
|
|
||||||
.table-scroll::-webkit-scrollbar-thumb:hover {
|
.table-scroll::-webkit-scrollbar-thumb:hover {
|
||||||
background-color: rgba(0,0,0,0.3);
|
background-color: rgba(0,0,0,0.3);
|
||||||
}
|
}
|
||||||
|
|
||||||
.tabs-body .tabs-body-content {
|
|
||||||
width: calc(100vw - 214px - 32px);
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 992px) {
|
|
||||||
.tabs-body {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabs-body:hover {
|
|
||||||
overflow-y: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
Loading…
Reference in New Issue