100
Views
4
Comments
[HeaderFixed] Doesn't work in Tabs
Question
HeaderFixed
Web icon
Forge asset by HeaderFixed

Doesn't work in Tabs

2017-07-05 18-13-21
Tiago Neves

Hi David,

Do you still have this issue? Try refreshing the headerfixed when tab is selected.

2018-08-26 20-34-32
Pankaj pant

Hi ,

I have the same concern.

so is it possible to refresh header fixed separately without refreshing the container.

currently we are using below webblock for fix header. 

HeaderFixedFlow\FixedTableHeader


UserImage.jpg
pankaj pawar

Hi,

I applied a jQuery hack and its working for me
I include a jquery code on window load
Here I am re-initializing fixed header on every click on tab 

SyntaxEditor Code Snippet

$(window).load(function(){

$(".Tabs_Header a").click(function(){

$('table.TableRecords').floatThead({
        scrollContainer: function($table){
            return $table.closest('.table-scroll');
        }
    });

});
});

TableRecords --   this is the class name of the table
table-scroll     --   container class in which table is wrapped ( Scrolling container )
Tabs_Header --   container class in which tabs is wrapped

2018-08-26 20-34-32
Pankaj pant

pankaj pawar wrote:Great job bro:)

Hi,

I applied a jQuery hack and its working for me
I include a jquery code on window load
Here I am re-initializing fixed header on every click on tab 

SyntaxEditor Code Snippet

$(window).load(function(){

$(".Tabs_Header a").click(function(){

$('table.TableRecords').floatThead({
        scrollContainer: function($table){
            return $table.closest('.table-scroll');
        }
    });

});
});

TableRecords --   this is the class name of the table
table-scroll     --   container class in which table is wrapped ( Scrolling container )
Tabs_Header --   container class in which tabs is wrapped



Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.