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

feat: 适配12寸小屏幕加载数据时防止出现滚动条

This commit is contained in:
Argo Zhang 2020-01-24 11:23:34 +08:00
parent 099dfc483a
commit 673df763b5
No known key found for this signature in database
GPG Key ID: 152E398953DDF19F
3 changed files with 9 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

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

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

@ -142,12 +142,17 @@ nav .dropdown .nav-link-close.dropdown-toggle:after {
margin-left: 5px;
}
.bootstrap-table .fixed-table-header {
.bootstrap-table .table-fixed {
max-height: 388px;
overflow: hidden;
}
.bootstrap-table .table-fixed-header {
overflow: hidden;
}
.bootstrap-table .fixed-table-body {
min-height: 300px;
min-height: 348px;
}
.bootstrap-table .fixed-table-body table {

2
src/admin/Bootstrap.Admin/wwwroot/js/ba.blazor.js
View File

@ -189,7 +189,7 @@
$.resetTableWidth($table, $tableHeader);
if (firstRender) {
$tableContainer.find('.fixed-table-body').removeClass('invisible');
$tableContainer.removeClass('table-fixed').find('.fixed-table-body').removeClass('invisible');
$(window).on('resize', function () {
$.resetTableWidth($table, $tableHeader);