Vertical Scrollbar + Fixed Header Row

[chasseikindi]

How does one implement a vertical scrollbar with jTable? Also, is it POSSIBLE to make the top header row persistent/sticky/fixed?

Thanks very much!

[chc88]

Not at the current time. More of us would be happy if a merge request would be made.

[javadbat]

i need it too can anyone help?

[dessalines]

Here's what worked for me:

$('.jtable').wrap('<div class="jtable-main-container scroll-content" />');    
and

.scroll-content {
     overflow-y: auto;
    width:100%;
 }
div.jtable-main-container {
  height:100%;
}

[chasseikindi]

Thanks very much!

On Thu, Feb 11, 2016 at 10:18 AM, Tyhou notifications@github.com wrote:

Here's what worked for me:

$('.jtable').wrap('

'); and .scroll-content { overflow-y: auto; width:100%; }div.jtable-main-container { height:100%; }

— Reply to this email directly or view it on GitHub https://github.com/hikalkan/jtable/issues/1704#issuecomment-182909871.

Elizabeth English Senior Developer

IKINDI Inc. 250 Park Ave. 7th floor New York, NY 10177

t +1 646 472-5155 elizabeth.english@ikindi.com jerry.deguzman@ikindi.com

[image: logo]

www.ikindi.com http://www.ikindi.com/build/signature.html

Confidentiality Notice: This communication constitutes an electronic communication within the meaning of the Electronic Communications Privacy Act, 18 U.S.C. Section 2510, and its disclosure is strictly limited to the recipient intended by the sender of this message. If you are not the intended recipient, any disclosure, copying, distribution or use of any of the information contained in or attached to this transmission is STRICTLY PROHIBITED. Please contact us immediately by return e-mail or at 646-472-5115, and destroy the original transmission and its attachments without reading or saving in any manner.

[dessalines]

I actually found this not to work, it only makes the very top bar static, not thead. I found a way to get this working using the jquery.floatThead plugin with jtable, if anyone's interested.

[RedaGhoussoub]

Hello tchoulihan,

I have been trying so hard to get fixed headers working for the last few days but nothing seems to work properly.

Can you please let me know how you got jquery.floatThead to work?

Any example or a jsfiddle code snippet will be very helpfull.

Thank you very much in advance

[dessalines]

Install it with bower, then

    $('.jtable').floatThead('destroy');
    $('.jtable').floatThead({
        scrollContainer: function($table) {
            return $table.closest('.ssht');
        },
        floatContainerClass: 'jtable-main-container',
        zIndex: 1
        // useAbsolutePositioning: false
    });

[RedaGhoussoub]

Hello tchoulihan,

Thank you for the reply, I really appreciate it. The question I got is where would I put this piece if code?

The other one is, where is the '.ssht' class?

I hope it makes sense what I'm asking.

Thank you in advance

[dessalines]

Its the div container that I wanted the floating header to be in.

[zeeshansarwar12]

@dessalines can you please give a live example

Thanks