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

View File

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

View File

@ -135,8 +135,6 @@ nav .dropdown .nav-link-close.dropdown-toggle:after {
}
.bootstrap-table .fixed-table-body {
overflow: auto;
border-radius: 4px;
height: 300px;
}
@ -150,7 +148,6 @@ nav .dropdown .nav-link-close.dropdown-toggle:after {
.table-wrapper {
border-radius: 4px;
overflow: auto;
margin-bottom: 1rem;
}
@ -158,6 +155,22 @@ nav .dropdown .nav-link-close.dropdown-toggle:after {
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 {
flex: 1 1 auto;
margin-bottom: 1rem;