[HeaderFixed] Doesn't work in Tabs

[HeaderFixed] Doesn't work in Tabs

  
Forge Component
(3)
Published on 2015-07-30 by Bruno Henriques
3 votes
Published on 2015-07-30 by Bruno Henriques

Doesn't work in Tabs

Hi David,

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

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


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

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