diff --git a/src/admin/Bootstrap.Admin/Components/EditPageBase.cs b/src/admin/Bootstrap.Admin/Components/EditPageBase.cs
index 185ec4c9041f61718d3efa8f5c1eb6bb201f54e3..4f8c561b50da9424f69b5efcaf290cf2eddb100d 100644
--- a/src/admin/Bootstrap.Admin/Components/EditPageBase.cs
+++ b/src/admin/Bootstrap.Admin/Components/EditPageBase.cs
@@ -78,6 +78,12 @@ namespace Bootstrap.Admin.Components
         [Parameter]
         public RenderFragment<TItem>? EditTemplate { get; set; }
 
+        /// <summary>
+        /// 获得/设置 是否固定表头 默认为 false 不固定表头
+        /// </summary>
+        [Parameter]
+        public bool FixedHeader { get; set; }
+
         /// <summary>
         /// 获得/设置 Table 实例
         /// </summary>
diff --git a/src/admin/Bootstrap.Admin/Components/TableBase.cs b/src/admin/Bootstrap.Admin/Components/TableBase.cs
index d5dfaa0977b407c53d634a485599be947d87af44..7f8313fe020d48ed9c5540f1f7ac632870c869bf 100644
--- a/src/admin/Bootstrap.Admin/Components/TableBase.cs
+++ b/src/admin/Bootstrap.Admin/Components/TableBase.cs
@@ -2,6 +2,7 @@
 using Bootstrap.Admin.Shared;
 using Microsoft.AspNetCore.Components;
 using Microsoft.AspNetCore.Components.Forms;
+using Microsoft.JSInterop;
 using System;
 using System.Collections.Generic;
 using System.Linq;
@@ -60,6 +61,30 @@ namespace Bootstrap.Admin.Components
         [Parameter]
         public RenderFragment? TableFooter { get; set; }
 
+        /// <summary>
+        /// 获得/设置 是否固定表头 默认为 false 不固定表头
+        /// </summary>
+        [Parameter]
+        public bool FixedHeader { get; set; }
+
+        /// <summary>
+        /// 获得 IJSRuntime 实例
+        /// </summary>
+        [Inject]
+        protected IJSRuntime? JSRuntime { get; set; }
+
+        /// <summary>
+        /// 获得/设置 是否自适应高度 默认为 false 不自适应高度
+        /// </summary>
+        [Parameter]
+        public bool AutoHeight { get; set; }
+
+        /// <summary>
+        /// 获得/设置 是否显示搜索框 默认为 false 不显示搜索框
+        /// </summary>
+        [Parameter]
+        public bool ShowSearch { get; set; }
+
         /// <summary>
         /// 获得/设置 数据集合
         /// </summary>
@@ -185,6 +210,18 @@ namespace Bootstrap.Admin.Components
             }
         }
 
+        /// <summary>
+        /// OnInitialized 方法
+        /// </summary>
+        protected override async System.Threading.Tasks.Task OnAfterRenderAsync(bool firstRender)
+        {
+            if (FixedHeader)
+            {
+                // 调用客户端脚本 resetWith
+                await JSRuntime.InitTableAsync(RetrieveId(), firstRender);
+            }
+        }
+
         /// <summary>
         /// 点击页码调用此方法
         /// </summary>
@@ -347,5 +384,10 @@ namespace Bootstrap.Admin.Components
             }
             ShowMessage("删除数据", "删除数据" + (result ? "成功" : "失败"), result ? ToastCategory.Success : ToastCategory.Error);
         }
+
+        /// <summary>
+        /// 获取 Id 字符串
+        /// </summary>
+        public string RetrieveId() => $"{Id}_table";
     }
 }
diff --git a/src/admin/Bootstrap.Admin/Extensions/JSRuntimeExtensions.cs b/src/admin/Bootstrap.Admin/Extensions/JSRuntimeExtensions.cs
index 8bfa3dde1b60e663abc81780b0a3875728e65082..0da6386179e2fb0d871f05c758cb7880c02fead9 100644
--- a/src/admin/Bootstrap.Admin/Extensions/JSRuntimeExtensions.cs
+++ b/src/admin/Bootstrap.Admin/Extensions/JSRuntimeExtensions.cs
@@ -97,5 +97,13 @@ namespace Bootstrap.Admin.Extensions
         /// <param name="showCardTitle"></param>
         /// <param name="fixedTableHeader"></param>
         public static void SetWebSettings(this IJSRuntime? jSRuntime, bool showSidebar, bool showCardTitle, bool fixedTableHeader) => jSRuntime.InvokeVoidAsync("$.setWebSettings", showSidebar, showCardTitle, fixedTableHeader);
+
+        /// <summary>
+        /// 初始化 Table 组件
+        /// </summary>
+        /// <param name="jSRuntime"></param>
+        /// <param name="id"></param>
+        /// <param name="firstRender"></param>
+        public static ValueTask InitTableAsync(this IJSRuntime? jSRuntime, string id, bool firstRender) => jSRuntime.InvokeVoidAsync("$.initTable", id, firstRender);
     }
 }
diff --git a/src/admin/Bootstrap.Admin/Pages/Admin/Dicts.razor b/src/admin/Bootstrap.Admin/Pages/Admin/Dicts.razor
index dd8c55c3c3a9de856af53c36e02805ca0b3fbc48..94567e6ce90c9becca8cffdb839b96e61987390f 100644
--- a/src/admin/Bootstrap.Admin/Pages/Admin/Dicts.razor
+++ b/src/admin/Bootstrap.Admin/Pages/Admin/Dicts.razor
@@ -1,6 +1,6 @@
 @inherits DictsBase
 
-<EditPage Id="dict" TItem="Bootstrap.Security.BootstrapDict" SubmitModalTitle="字典编辑窗口" QueryModel="QueryModel" OnQuery="Query" OnAdd="Add" OnDelete="Delete" OnSave="Save">
+<EditPage Id="dict" FixedHeader="@FixedHeader" TItem="Bootstrap.Security.BootstrapDict" SubmitModalTitle="字典编辑窗口" QueryModel="QueryModel" OnQuery="Query" OnAdd="Add" OnDelete="Delete" OnSave="Save">
     <QueryBody>
         <LgbInputText ColumnClass="col-sm-auto" @bind-Value="@context.Category" maxlength="50" />
         <Select ColumnClass="col-sm-auto" Items="QueryDefine" TItem="int" @bind-Value="@context.Define" />
diff --git a/src/admin/Bootstrap.Admin/Pages/Admin/Groups.razor b/src/admin/Bootstrap.Admin/Pages/Admin/Groups.razor
index 2a4f301856f25b666d8e0643460b405385303f40..1c15e147912dae70225e2155661094f5ac8543d1 100644
--- a/src/admin/Bootstrap.Admin/Pages/Admin/Groups.razor
+++ b/src/admin/Bootstrap.Admin/Pages/Admin/Groups.razor
@@ -1,6 +1,6 @@
 @inherits GroupsBase
 
-<EditPage Id="group" TItem="Bootstrap.DataAccess.Group" SubmitModalTitle="部门编辑窗口" QueryModel="QueryModel" OnQuery="Query" OnAdd="Add" OnDelete="Delete" OnSave="Save">
+<EditPage Id="group" FixedHeader="@FixedHeader" TItem="Bootstrap.DataAccess.Group" SubmitModalTitle="部门编辑窗口" QueryModel="QueryModel" OnQuery="Query" OnAdd="Add" OnDelete="Delete" OnSave="Save">
     <QueryBody>
         <LgbInputText ColumnClass="col-sm-auto" @bind-Value="@context.GroupName" maxlength="50" />
         <LgbInputText ColumnClass="col-sm-auto" @bind-Value="@context.Description" maxlength="50" />
diff --git a/src/admin/Bootstrap.Admin/Pages/Admin/Menus.razor b/src/admin/Bootstrap.Admin/Pages/Admin/Menus.razor
index a3100691545c3bfa46f991a1ee3b55cfef09b4a9..0fafa7d7aa89631d020233f9483d88843ec65cdf 100644
--- a/src/admin/Bootstrap.Admin/Pages/Admin/Menus.razor
+++ b/src/admin/Bootstrap.Admin/Pages/Admin/Menus.razor
@@ -1,6 +1,6 @@
 @inherits MenusBase
 
-<EditPage Id="role" TItem="Bootstrap.Security.BootstrapMenu" SubmitModalTitle="菜单编辑窗口" QueryModel="QueryModel" OnQuery="Query" OnAdd="Add" OnDelete="Delete" OnSave="Save">
+<EditPage Id="role" FixedHeader="@FixedHeader" TItem="Bootstrap.Security.BootstrapMenu" SubmitModalTitle="菜单编辑窗口" QueryModel="QueryModel" OnQuery="Query" OnAdd="Add" OnDelete="Delete" OnSave="Save">
     <QueryBody>
         <LgbInputText ColumnClass="col-sm-auto" @bind-Value="@context.Name" maxlength="50" />
         <LgbInputText ColumnClass="col-sm-auto" @bind-Value="@context.ParentName" maxlength="50" />
diff --git a/src/admin/Bootstrap.Admin/Pages/Admin/Roles.razor b/src/admin/Bootstrap.Admin/Pages/Admin/Roles.razor
index 1e40ba7bb25399997ffb001fe2fecdef56831d82..cb1851c428fed6a6012ee00d19389815eddabf96 100644
--- a/src/admin/Bootstrap.Admin/Pages/Admin/Roles.razor
+++ b/src/admin/Bootstrap.Admin/Pages/Admin/Roles.razor
@@ -1,6 +1,6 @@
 @inherits RolesBase
 
-<EditPage Id="role" TItem="Bootstrap.DataAccess.Role" SubmitModalTitle="角色编辑窗口" QueryModel="QueryModel" OnQuery="Query" OnAdd="Add" OnDelete="Delete" OnSave="Save">
+<EditPage Id="role" FixedHeader="@FixedHeader" TItem="Bootstrap.DataAccess.Role" SubmitModalTitle="角色编辑窗口" QueryModel="QueryModel" OnQuery="Query" OnAdd="Add" OnDelete="Delete" OnSave="Save">
     <QueryBody>
         <LgbInputText ColumnClass="col-sm-auto" @bind-Value="@context.RoleName" maxlength="50" />
         <LgbInputText ColumnClass="col-sm-auto" @bind-Value="@context.Description" maxlength="50" />
diff --git a/src/admin/Bootstrap.Admin/Pages/Admin/Users.razor b/src/admin/Bootstrap.Admin/Pages/Admin/Users.razor
index 2b3677fc808fc013025f12d13ea4a13e3e59d903..a171efe473ef5f743cba7f411bb359d5a35e3c43 100644
--- a/src/admin/Bootstrap.Admin/Pages/Admin/Users.razor
+++ b/src/admin/Bootstrap.Admin/Pages/Admin/Users.razor
@@ -1,6 +1,6 @@
 @inherits UsersBase
 
-<EditPage Id="user" TItem="Bootstrap.DataAccess.User" SubmitModalTitle="用户编辑窗口" QueryModel="QueryModel" OnQuery="Query" OnAdd="Add" OnDelete="Delete" OnSave="Save">
+<EditPage Id="user" FixedHeader="@FixedHeader" TItem="Bootstrap.DataAccess.User" SubmitModalTitle="用户编辑窗口" QueryModel="QueryModel" OnQuery="Query" OnAdd="Add" OnDelete="Delete" OnSave="Save">
     <QueryBody>
         <LgbInputText ColumnClass="col-sm-auto" @bind-Value="@context.UserName" maxlength="50" />
         <LgbInputText ColumnClass="col-sm-auto" @bind-Value="@context.DisplayName" maxlength="50" />
diff --git a/src/admin/Bootstrap.Admin/Pages/Components/MenusBase.cs b/src/admin/Bootstrap.Admin/Pages/Components/MenusBase.cs
index 56701589383b7d7cb3e6ab74381905ef08f6d620..f10307a66b2dfd98b83c052ddd20383d972fd9b8 100644
--- a/src/admin/Bootstrap.Admin/Pages/Components/MenusBase.cs
+++ b/src/admin/Bootstrap.Admin/Pages/Components/MenusBase.cs
@@ -103,6 +103,7 @@ namespace Bootstrap.Pages.Admin.Components
         /// <returns></returns>
         protected override void OnParametersSet()
         {
+            base.OnParametersSet();
             QueryModel.Category = "";
             QueryModel.IsResource = -1;
             QueryApp.AddRange(DictHelper.RetrieveApps().Select(app => new SelectedItem() { Text = app.Value, Value = app.Key }));
diff --git a/src/admin/Bootstrap.Admin/Pages/Components/QueryPageBase.cs b/src/admin/Bootstrap.Admin/Pages/Components/QueryPageBase.cs
index 00c0101dadb099f9bdae323e68d00bd344f69475..28bf17b3f1243faf0ccc75b543be6aa304c06ed5 100644
--- a/src/admin/Bootstrap.Admin/Pages/Components/QueryPageBase.cs
+++ b/src/admin/Bootstrap.Admin/Pages/Components/QueryPageBase.cs
@@ -1,5 +1,7 @@
-using System.Collections.Generic;
 using Bootstrap.Admin.Components;
+using Bootstrap.DataAccess;
+using Microsoft.AspNetCore.Components;
+using System.Collections.Generic;
 
 namespace Bootstrap.Pages.Admin.Components
 {
@@ -8,6 +10,12 @@ namespace Bootstrap.Pages.Admin.Components
     /// </summary>
     public abstract class QueryPageBase<TItem> : PageBase where TItem : class, new()
     {
+        /// <summary>
+        /// 获得/设置 是否固定表头 默认为 false 不固定表头
+        /// </summary>
+        [Parameter]
+        public bool FixedHeader { get; set; }
+
         /// <summary>
         /// 获得/设置 TItem 实例
         /// </summary>
@@ -20,6 +28,14 @@ namespace Bootstrap.Pages.Admin.Components
         /// <param name="pageItems">每页显示数据条目数量</param>
         protected abstract QueryData<TItem> Query(int pageIndex, int pageItems);
 
+        /// <summary>
+        /// OnParametersSet 方法
+        /// </summary>
+        protected override void OnParametersSet()
+        {
+            FixedHeader = DictHelper.RetrieveFixedTableHeader();
+        }
+
         /// <summary>
         /// 新建方法
         /// </summary>
diff --git a/src/admin/Bootstrap.Admin/Shared/EditPage.razor b/src/admin/Bootstrap.Admin/Shared/EditPage.razor
index 72998534e796818d76fb3f1f8a58f75f87e65a19..b3c25c51c860a398df62faa1d597505e6edc6797 100644
--- a/src/admin/Bootstrap.Admin/Shared/EditPage.razor
+++ b/src/admin/Bootstrap.Admin/Shared/EditPage.razor
@@ -9,7 +9,7 @@
         查询结果
     </div>
     <div class="card-body">
-        <Table @ref="Table" Id="@Id" TItem="TItem" SubmitModalTitle="@SubmitModalTitle" OnQuery="QueryData" OnAdd="OnAdd" OnDelete="OnDelete" OnSave="OnSave">
+        <Table @ref="Table" Id="@Id" FixedHeader="@FixedHeader" TItem="TItem" SubmitModalTitle="@SubmitModalTitle" OnQuery="QueryData" OnAdd="OnAdd" OnDelete="OnDelete" OnSave="OnSave">
             <TableToolbarTemplate>
                 @TableToolbarTemplate
             </TableToolbarTemplate>
diff --git a/src/admin/Bootstrap.Admin/Shared/Table.razor b/src/admin/Bootstrap.Admin/Shared/Table.razor
index 543c8c2f6a0b41f6ea13372ecb38d21cfde794d9..8b2be9877c372556a5d94aafb0169f79f60b9b79 100644
--- a/src/admin/Bootstrap.Admin/Shared/Table.razor
+++ b/src/admin/Bootstrap.Admin/Shared/Table.razor
@@ -12,49 +12,120 @@
         </TableToolbar>
     </div>
 
-    <div class="table-wrapper">
-        <table class="table table-striped table-bordered table-hover table-selected" id="@($"{Id}_table")">
-            <thead>
-                <tr>
-                    @if (ShowCheckbox)
-                    {
-                        <th class="table-col-checkbox"><Checkbox TItem="TItem" SetCheckCallback="CheckState" ToggleCallback="ToggleCheck"></Checkbox></th>
-                    }
-                    @if (ShowLineNo)
-                    {
-                        <th class="table-col-lineno">行号</th>
-                    }
-                    @TableHeader?.Invoke(EditModel)
-                    @if (ShowButtons)
-                    {
-                        <th>@ButtonTemplateHeaderText</th>
-                    }
-                </tr>
-            </thead>
-            <tbody>
-                @for (int index = 0; index < Items.Count(); index++)
-                {
+    <div class="@(FixedHeader ? "table-wrapper table-fixed-header" : "table-wrapper")">
+        @if(FixedHeader)
+        {
+            <div class="fixed-table-header">
+                <table class="table table-bordered table-hover table-selected">
+                    <thead>
+                        <tr>
+                            @if (ShowCheckbox)
+                            {
+                                <th class="table-col-checkbox"><Checkbox TItem="TItem" SetCheckCallback="CheckState" ToggleCallback="ToggleCheck"></Checkbox></th>
+                            }
+                            @if (ShowLineNo)
+                            {
+                                <th class="table-col-lineno">行号</th>
+                            }
+                            @TableHeader?.Invoke(EditModel)
+                            @if (ShowButtons)
+                            {
+                                <th>@ButtonTemplateHeaderText</th>
+                            }
+                        </tr>
+                    </thead>
+                </table>
+            </div>   
+            <div class="fixed-table-body invisible">                
+                <table class="table table-bordered table-hover table-selected" id="@RetrieveId()">
+                    <thead>
+                        <tr>
+                            @if (ShowCheckbox)
+                            {
+                                <th class="table-col-checkbox"><Checkbox TItem="TItem" SetCheckCallback="CheckState" ToggleCallback="ToggleCheck"></Checkbox></th>
+                            }
+                            @if (ShowLineNo)
+                            {
+                                <th class="table-col-lineno">行号</th>
+                            }
+                            @TableHeader?.Invoke(EditModel)
+                            @if (ShowButtons)
+                            {
+                                <th>@ButtonTemplateHeaderText</th>
+                            }
+                        </tr>
+                    </thead>
+                    <tbody>
+                        @for (int index = 0; index < Items.Count(); index++)
+                        {
+                            <tr>
+                                @if (ShowCheckbox)
+                                {
+                                    <td class="table-col-checkbox"><Checkbox TItem="TItem" Item="Items.ElementAt(index)" SetCheckCallback="item => SelectedItems.Contains(item) ? CheckBoxState.Checked : CheckBoxState.UnChecked" ToggleCallback="ToggleCheck"></Checkbox></td>
+                                }
+                                @if (ShowLineNo)
+                                {
+                                    <td class="table-col-lineno">@(index + 1 + (PageIndex - 1) * PageItems)</td>
+                                }
+                                @RowTemplate?.Invoke(Items.ElementAt(index))
+                                @if (ShowButtons)
+                                {
+                                    <td>@ButtonTemplate?.Invoke(Items.ElementAt(index))</td>
+                                }
+                            </tr>
+                        }
+                    </tbody>
+                    <tfoot>
+                        <tr>@TableFooter</tr>
+                    </tfoot>
+                </table>
+            </div>        
+        }
+        else
+        {
+            <table class="table table-striped table-bordered table-hover table-selected" id="@($"{Id}_table")">
+                <thead>
                     <tr>
                         @if (ShowCheckbox)
                         {
-                            <td class="table-col-checkbox"><Checkbox TItem="TItem" Item="Items.ElementAt(index)" SetCheckCallback="item => SelectedItems.Contains(item) ? CheckBoxState.Checked : CheckBoxState.UnChecked" ToggleCallback="ToggleCheck"></Checkbox></td>
+                            <th class="table-col-checkbox"><Checkbox TItem="TItem" SetCheckCallback="CheckState" ToggleCallback="ToggleCheck"></Checkbox></th>
                         }
                         @if (ShowLineNo)
                         {
-                            <td class="table-col-lineno">@(index + 1 + (PageIndex - 1) * PageItems)</td>
+                            <th class="table-col-lineno">行号</th>
                         }
-                        @RowTemplate?.Invoke(Items.ElementAt(index))
+                        @TableHeader?.Invoke(EditModel)
                         @if (ShowButtons)
                         {
-                            <td>@ButtonTemplate?.Invoke(Items.ElementAt(index))</td>
+                            <th>@ButtonTemplateHeaderText</th>
                         }
                     </tr>
-                }
-            </tbody>
-            <tfoot>
-                <tr>@TableFooter</tr>
-            </tfoot>
-        </table>
+                </thead>
+                <tbody>
+                    @for (int index = 0; index < Items.Count(); index++)
+                    {
+                        <tr>
+                            @if (ShowCheckbox)
+                            {
+                                <td class="table-col-checkbox"><Checkbox TItem="TItem" Item="Items.ElementAt(index)" SetCheckCallback="item => SelectedItems.Contains(item) ? CheckBoxState.Checked : CheckBoxState.UnChecked" ToggleCallback="ToggleCheck"></Checkbox></td>
+                            }
+                            @if (ShowLineNo)
+                            {
+                                <td class="table-col-lineno">@(index + 1 + (PageIndex - 1) * PageItems)</td>
+                            }
+                            @RowTemplate?.Invoke(Items.ElementAt(index))
+                            @if (ShowButtons)
+                            {
+                                <td>@ButtonTemplate?.Invoke(Items.ElementAt(index))</td>
+                            }
+                        </tr>
+                    }
+                </tbody>
+                <tfoot>
+                    <tr>@TableFooter</tr>
+                </tfoot>
+            </table>
+        }
     </div>
     <Pagination PageItems="PageItems" TotalCount="TotalCount" PageIndex="PageIndex" OnPageClick="PageClick" OnPageItemsChange="PageItemsChange"></Pagination>
 </div>
diff --git a/src/admin/Bootstrap.Admin/wwwroot/css/blazor.css b/src/admin/Bootstrap.Admin/wwwroot/css/blazor.css
index 1fa75a24ddef6fb32916a40e524fbb910e5d9b65..903523db5d1d0116402839fd22309e2bb05781e0 100644
--- a/src/admin/Bootstrap.Admin/wwwroot/css/blazor.css
+++ b/src/admin/Bootstrap.Admin/wwwroot/css/blazor.css
@@ -130,16 +130,47 @@ nav .dropdown .nav-link-close.dropdown-toggle:after {
     margin-bottom: 0;
 }
 
+    .bootstrap-table .fixed-table-header {
+        overflow: hidden;
+    }
+
+    .bootstrap-table .fixed-table-body {
+        min-height: 400px;
+    }
+
+        .bootstrap-table .fixed-table-body table {
+            margin-top: -38px;
+        }
+
+        .bootstrap-table .fixed-table-body thead th, .bootstrap-table .fixed-table-header thead th {
+            border-bottom: 1px solid #dee2e6;
+        }
+
 .table-wrapper {
     border-radius: 4px;
-    overflow: auto;
     margin-bottom: 1rem;
 }
 
     .table-wrapper .table {
-        margin-bottom: 1px;
+        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;
diff --git a/src/admin/Bootstrap.Admin/wwwroot/js/ba.blazor.js b/src/admin/Bootstrap.Admin/wwwroot/js/ba.blazor.js
index 9e13acf569c10f7733748528ab83b469853fe77e..042ef3397056fcbbfdea9f94ce638e9b5602a921 100644
--- a/src/admin/Bootstrap.Admin/wwwroot/js/ba.blazor.js
+++ b/src/admin/Bootstrap.Admin/wwwroot/js/ba.blazor.js
@@ -140,10 +140,60 @@
             var $tabContent = $('section .tab-content');
             if (showCardTitle) $tabContent.removeClass('no-card-header');
             else $tabContent.addClass('no-card-header');
+        },
+        resetTableWidth: function (source, target) {
+            // 设置表格宽度
+            target.width(source.width());
+
+            // 设置各列宽度
+            var $heads = target.find('th');
+            source.find('th').each(function (index, element) {
+                var header = $heads.get(index);
+                $(header).width($(element).width());
+            });
+        },
+        resetTableHeight(source) {
+            var table = source;
+            var height = 0;
+            do {
+                height += source.position().top;
+                source = source.parent();
+                if (source.hasClass('tab-content')) break;
+            }
+            while (source.length === 1);
+            height = $(window).height() - height - 15;
+            table.height(height);
+        },
+        initTable: function (id, firstRender) {
+            var $table = $('#' + id);
+            var $fixedBody = $table.parents('.fixed-table-body');
+
+            if (firstRender) {
+                // calc height
+                $.resetTableHeight($fixedBody);
+
+                // modify scroll
+                $table.parent().overlayScrollbars({
+                    className: 'os-theme-dark',
+                    scrollbars: {
+                        autoHide: 'leave',
+                        autoHideDelay: 100
+                    }
+                });
+            }
 
-            var $table = $(".bootstrap-table");
-            if (fixedTableHeader) $table.attr('data-header', 'fixed');
-            else $table.attr('data-header', 'scroll');
+            var $tableContainer = $table.parents('.table-wrapper');
+            var $tableHeader = $tableContainer.find('.fixed-table-header table');
+            $.resetTableWidth($table, $tableHeader);
+
+            if (firstRender) {
+                $tableContainer.find('.fixed-table-body').removeClass('invisible');
+
+                $(window).on('resize', function () {
+                    $.resetTableWidth($table, $tableHeader);
+                    $.resetTableHeight($fixedBody);
+                });
+            }
         }
     });