orga0063
/
BootstrapAdmin
4
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feat: 增加固定表头 table border 样式

This commit is contained in:
Argo Zhang 2020-01-22 10:43:21 +08:00
parent 0aabbb8c50
commit 38134e2f0a
No known key found for this signature in database
GPG Key ID: 152E398953DDF19F
2 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/admin/Bootstrap.Admin/Shared/Table.razor
View File

@ -12,7 +12,7 @@
</TableToolbar> </TableToolbar>
</div> </div>
<div class="table-wrapper"> <div class="@(FixedHeader ? "table-wrapper table-fixed-header" : "table-wrapper")">
@if(FixedHeader) @if(FixedHeader)
{ {
<div class="fixed-table-header"> <div class="fixed-table-header">

19
src/admin/Bootstrap.Admin/wwwroot/css/blazor.css
View File

@ -135,8 +135,6 @@ nav .dropdown .nav-link-close.dropdown-toggle:after {
} }
.bootstrap-table .fixed-table-body { .bootstrap-table .fixed-table-body {
overflow: auto;
border-radius: 4px;
height: 300px; height: 300px;
} }
@ -150,7 +148,6 @@ nav .dropdown .nav-link-close.dropdown-toggle:after {
.table-wrapper { .table-wrapper {
border-radius: 4px; border-radius: 4px;
overflow: auto;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
@ -158,6 +155,22 @@ nav .dropdown .nav-link-close.dropdown-toggle:after {
margin-bottom: 0; margin-bottom: 0;
} }
.table-fixed-header {
border: solid 1px #dee2e6;
}
.table-fixed-header .table {
border: none;
}
.table-fixed-header .table th:last-child {
border-right-width: 0;
}
.table-fixed-header .table th:first-child, .table-fixed-header .table td:first-child {
border-left-width: 0;
}
.pagination-bar { .pagination-bar {
flex: 1 1 auto; flex: 1 1 auto;
margin-bottom: 1rem; margin-bottom: 1rem;