fix: added translations in confirm modal and fixed ui bug

Author: mihalikv

AGENTS.md

@@ -2728,7 +2728,7 @@ Quick reference for all `sbadmin_` prefixed class attributes available in `SBAdm
 | `sbadmin_list_reorder_field` | str | Field name for drag-and-drop row reordering |
 | `sbadmin_xlsx_options` | dict | Excel export configuration options |
 | `sbadmin_table_history_enabled` | bool | Enable/disable table state history (default: `True`) |
-| `sbadmin_list_sticky_footer` | bool \| None | Stick pagination footer to viewport bottom on scroll. On desktop, adds a synced horizontal scrollbar above it that mirrors the table's horizontal scroll. `None` (default) falls back to `SBAdminRoleConfiguration.default_list_sticky_footer`; explicit `True`/`False` overrides the global setting. |
+| `sbadmin_list_sticky_header_and_footer` | bool \| None | Enable sticky Tabulator column header together with sticky pagination footer and synced horizontal scrollbar. `None` falls back to `SBAdminRoleConfiguration.default_list_sticky_header_and_footer`; explicit `True`/`False` overrides the global setting. |
 
 ### Detail/Change View Attributes (SBAdmin)
 

src/django_smartbase_admin/engine/admin_base_view.py

@@ -316,7 +316,7 @@ class SBAdminBaseListView(SBAdminBaseView):
     sbadmin_table_history_enabled = True
     sbadmin_list_history_enabled = True
     sbadmin_list_reorder_field = None
-    sbadmin_list_sticky_footer = None
+    sbadmin_list_sticky_header_and_footer = None
     search_field_placeholder = _("Search...")
     filters_version = None
     sbadmin_actions_initialized = False
@@ -479,14 +479,16 @@ def has_add_permission(self, request, obj=None) -> bool:
             return False
         return super().has_add_permission(request)
 
-    def get_sbadmin_list_sticky_footer(self, request) -> bool:
-        if self.sbadmin_list_sticky_footer is not None:
-            return self.sbadmin_list_sticky_footer
-        return request.request_data.configuration.default_list_sticky_footer
+    def get_sbadmin_list_sticky_header_and_footer(self, request) -> bool:
+        if self.sbadmin_list_sticky_header_and_footer is not None:
+            return self.sbadmin_list_sticky_header_and_footer
+        return request.request_data.configuration.default_list_sticky_header_and_footer
 
     def get_tabulator_definition(self, request) -> dict[str, Any]:
         view_id = self.get_id()
-        sticky_footer = self.get_sbadmin_list_sticky_footer(request)
+        sticky_header_and_footer = self.get_sbadmin_list_sticky_header_and_footer(
+            request
+        )
         tabulator_definition = {
             "viewId": view_id,
             "advancedFilterId": f"{view_id}" + "-advanced-filter",
@@ -505,7 +507,7 @@ def get_tabulator_definition(self, request) -> dict[str, Any]:
             "tableInitialSort": self.get_list_initial_order(request),
             "tableInitialPageSize": self.get_list_per_page(request),
             "tableHistoryEnabled": self.sbadmin_table_history_enabled,
-            "stickyFooter": sticky_footer,
+            "stickyHeaderAndFooter": sticky_header_and_footer,
             # used to initialize all columns with these values
             "defaultColumnData": {},
             "locale": request.LANGUAGE_CODE,
@@ -544,8 +546,8 @@ def get_tabulator_definition(self, request) -> dict[str, Any]:
                     "headerTabsModule",
                 ]
             )
-        if sticky_footer:
-            tabulator_definition["modules"].append("stickyFooterModule")
+        if sticky_header_and_footer:
+            tabulator_definition["modules"].append("stickyHeaderAndFooterModule")
         return tabulator_definition
 
     def _get_sbadmin_list_actions(self, request) -> list[SBAdminCustomAction] | list:
@@ -769,9 +771,11 @@ def get_all_config(self, request) -> dict[str, Any]:
         if not list_filter:
             return all_config
         list_fields = self.get_sbadmin_list_display(request) or []
-        list_fields = self.init_fields_cache(
+        initialized_fields = self.init_fields_cache(
             list_fields, request.request_data.configuration
         )
+        if initialized_fields is not None:
+            list_fields = initialized_fields
         base_filter = {
             getattr(field, "filter_field", field): ""
             for field in list_fields

src/django_smartbase_admin/engine/configuration.py

@@ -187,7 +187,7 @@ class SBAdminRoleConfiguration(metaclass=Singleton):
     default_color_scheme = ColorScheme.AUTO
     login_view_class = LoginView
     admin_title = "SBAdmin"
-    default_list_sticky_footer = False
+    default_list_sticky_header_and_footer = True
 
     def __init__(
         self,
@@ -199,7 +199,7 @@ def __init__(
         default_color_scheme=None,
         login_view_class=None,
         admin_title=None,
-        default_list_sticky_footer=None,
+        default_list_sticky_header_and_footer=None,
     ) -> None:
         super().__init__()
         self.default_view = default_view or self.default_view or []
@@ -212,8 +212,10 @@ def __init__(
         self.default_color_scheme = default_color_scheme or self.default_color_scheme
         self.login_view_class = login_view_class or self.login_view_class
         self.admin_title = admin_title or self.admin_title
-        if default_list_sticky_footer is not None:
-            self.default_list_sticky_footer = default_list_sticky_footer
+        if default_list_sticky_header_and_footer is not None:
+            self.default_list_sticky_header_and_footer = (
+                default_list_sticky_header_and_footer
+            )
 
     def init_registered_views(self):
         registered_views = []

src/django_smartbase_admin/static/sb_admin/src/css/_tabulator.css

@@ -1,7 +1,7 @@
 .tabulator {
     position: relative;
     text-align: left;
-    overflow: hidden;
+    overflow: visible;
     transform: translateZ(0);
     @apply text-14;
 }
@@ -28,6 +28,12 @@
     @apply border-b border-dark-200 bg-dark-50 text-dark-600;
 }
 
+.tabulator.tabulator--sticky-header-and-footer .tabulator-header {
+    position: sticky;
+    top: 0;
+    z-index: 10;
+}
+
 .tabulator .tabulator-header.tabulator-header-hidden {
     display: none;
 }

src/django_smartbase_admin/static/sb_admin/src/js/table.js

@@ -10,7 +10,7 @@ import {MovableColumnsModule} from "./table_modules/movable_columns_module"
 import {DataEditModule} from "./table_modules/data_edit_module"
 import {FullTextSearchModule} from "./table_modules/full_text_search_module"
 import { HeaderTabsModule } from "./table_modules/header_tabs_module"
-import { StickyFooterModule } from "./table_modules/sticky_footer_module"
+import { StickyHeaderAndFooterModule } from "./table_modules/sticky_header_and_footer_module"
 import { SBAjaxParamsTabulatorModifier } from "./sb_ajax_params_tabulator_modifier"
 
 
@@ -381,5 +381,5 @@ window.SBAdminTableModulesClass = {
     'dataEditModule': DataEditModule,
     'fullTextSearchModule': FullTextSearchModule,
     'headerTabsModule': HeaderTabsModule,
-    'stickyFooterModule': StickyFooterModule,
+    'stickyHeaderAndFooterModule': StickyHeaderAndFooterModule,
 }

…js/table_modules/sticky_footer_module.js …dules/sticky_header_and_footer_module.jssrc/django_smartbase_admin/static/sb_admin/src/js/table_modules/sticky_footer_module.js renamed to src/django_smartbase_admin/static/sb_admin/src/js/table_modules/sticky_header_and_footer_module.js src/django_smartbase_admin/static/sb_admin/src/js/table_modules/sticky_footer_module.js renamed to src/django_smartbase_admin/static/sb_admin/src/js/table_modules/sticky_header_and_footer_module.js

@@ -1,21 +1,23 @@
 import { SBAdminTableModule } from "./base_module"
 
 
-export class StickyFooterModule extends SBAdminTableModule {
+export class StickyHeaderAndFooterModule extends SBAdminTableModule {
 
     afterInit() {
+        const tableEl = this.table.tabulator.element
+        tableEl.classList.add("tabulator--sticky-header-and-footer")
+
         const scrollbar = document.querySelector(
             `[data-sticky-scrollbar="${this.table.viewId}"]`
         )
         if (!scrollbar) {
-            console.warn(`[StickyFooterModule] sticky scrollbar element missing for viewId: ${this.table.viewId}`)
+            console.warn(`[StickyHeaderAndFooterModule] sticky scrollbar element missing for viewId: ${this.table.viewId}`)
             return
         }
         const spacer = scrollbar.firstElementChild
-        const tableEl = this.table.tabulator.element
         const tableholder = tableEl.querySelector(".tabulator-tableholder")
         if (!tableholder || !spacer) {
-            console.warn(`[StickyFooterModule] tableholder or spacer missing for viewId: ${this.table.viewId}`)
+            console.warn(`[StickyHeaderAndFooterModule] tableholder or spacer missing for viewId: ${this.table.viewId}`)
             return
         }
 

src/django_smartbase_admin/templates/sb_admin/actions/list.html

@@ -105,9 +105,9 @@ <h1 class="text-24 md:text-30 text-dark-900 font-bold font-heading line-clamp-1
                 <div id="{{ view_id }}-table" class="list-view-table"></div>
             {% endblock %}
             {% block tabulator_custom_footer %}
-                <div class="tabulator-custom-footer{% if content_context.tabulator_definition.stickyFooter %} tabulator-custom-footer--sticky{% endif %}">
-                    {% if content_context.tabulator_definition.stickyFooter %}
-                        <div class="tabulator-sticky-scrollbar max-lg:hidden" data-sticky-scrollbar="{{ view_id }}">
+                <div class="tabulator-custom-footer{% if content_context.tabulator_definition.stickyHeaderAndFooter %} tabulator-custom-footer--sticky{% endif %}">
+                    {% if content_context.tabulator_definition.stickyHeaderAndFooter %}
+                        <div class="tabulator-sticky-scrollbar" data-sticky-scrollbar="{{ view_id }}">
                             <div class="tabulator-sticky-scrollbar__spacer"></div>
                         </div>
                     {% endif %}

src/django_smartbase_admin/templates/sb_admin/actions/partials/tabulator_header_v1.html

@@ -38,4 +38,4 @@
         {% endwith %}
     {% endblock %}
     {% include 'sb_admin/actions/partials/selected_rows_actions.html' %}
-</div>
+</div>