yidas / jquery-freeze-table Goto Github PK

hi
when add class table-hover bootstrap

not hover when freeze column

Its didnt working on jQuery 3.1. But work good on jQuery 2.4

Has anyone encountered this issue? if so what was your approach to fix it.

I am using jquery-freeze-table together with jquery-tablesorter https://mottie.github.io/tablesorter/docs/

jquery-freeze-table is in table-head-only mode, thead freezes fine but disables sorting

Any help is greatly appreciated

Thank you :)

`

When I run your demo in Safari, and you scroll all the way to the right when the first column and header are frozen, the first column disappears. It reappears when you scroll back to the left. The problem doesn't appear in Chrome. Any idea why this is happening?

If table head is bigger than tbody cells. then it keep overlap with contents after table , even we reached at the end of table. (see attached)

in my case table header is 4x bigger than columns. and it overlaps with content placed after table. even scrolled to end of table.

I tried this and it freezes my columns like a charm, but I have one problem which makes the whole thing useless for me.
I have text inputs in my header to filter the table content. When I use the freeze column function on my table and perform a postback these text inputs get filled with: value + ',' + value
So when the text input was empty then the value becomes ','
When it for example was '123' then the value becomes '123,123' and so on.
How can I prevent this from happening?

Thanks in advance

I was seeing some odd results in terms of the fixed column being under-width. After a bit of trace-back, I found that the difference between my code and the examples was the examples were setting cellspacing to 0. The outerwidth() in the calculation does not account for this, since it is between cell elements
I modded the code, starting with https://github.com/yidas/jquery-freeze-table/blob/master/dist/js/freeze-table.js#L441 to add 2 to the addWidth and then 2 more after the loop; 2px being the default (https://www.w3schools.com/cssref/pr_border-spacing.asp).
But of course that is not a general solution (it needs to look at cell spacing then if undefined, border spacing). I hope to work up a proper patch to submit, but in case I don't, I wanted to file the issue (and on the off chance there was already an option I just missed!)

Hi,

Great plug in, it may be something i missing but i cant set a scroll on the height, if i do then the sticky head stops working.

i have a configurable record count table displayed on the screen, so if the user changes its to 100 records per screen they would be unable to find a record and scroll across due to the x scroll bar being right at the bottom.

tried overflow-y:scroll; max-height:500px;

its a shame as otherwise its a simple and great plug in.

Is where any method to call update when user scrolled table by X? I have large table and now I call update every time when checkbox in fixed column changed and updation work very slow on my large table. My table has about 200 rows.

Maybe your plugin triggers some events when scrolling, or some other undocumented events?

PS. I think I finded triggering on 550 line of plugin, but I don't know how to use it.

how to freeze last column?

Hi Guys,

I have an issue were we have sliding elements in the page that is causing the clone-column-table-wrap to leave the table. I hope there is someone that can help me out here fixing this issue.

https://ttprivatenew.s3.amazonaws.com/pulse/amex/attachments/13158084/TinyTake16-04-2020-04-42-56.mp4

Thanks,
Patrick

Inside the cloned table, all the HTML id attributes are duplicated. This is creating issues in the automation tests and in WCAG standards.

Is it somehow possible to display the shadow on the right as well (in case there is more content on the right)?
My problem is that sometimes it is not immediately visible that there is more content on the right to scroll to. That happens when the border of the view conincides with the border of a column. I love the shadow effect as a visual indication that there is more and would like to use it.
(BTW thanks for this awesome piece of software)

Is there any option to set top Offset value for freeze table. ?

Demo Example

$("#table-first").freezeTable({
  'freezeOffset: 50,
});

header position change (not fix) after scroll
what a solution for this case..?

Hi,
I am using this js lib for the freeze table functionality. My table is editable at runtime, when the user keeps adding a new line in a cell, the corresponding cell in the freezed column, the width increases, but as soon as I scroll (up, down or right) the width of the freezed cell is restored to its original size, even though the one with the data is still having the modified width.
Due to this the data is not correctly visible and confuses the user.

I am unable to upload the actual table so have tried explaining the issue with another image, can someone please help.

Hi,

I have very long tables. I happennes that I want my table to have a max-height. That way the visitors don't have to scroll the whole table before looking at what follows in the page. They could just scroll outside the table to pass the table.
I tried to set a max-height:80vh on the table and it does nothing the style is ignored. The full table is shown.
I tried then to set a max-height:80vh on the container. The table head sticks to the screen instead of the container. The behavior is very buggy.

Am I missing something or is it the plugin that could be improved ?

Bye,

François

This issue seems to only be caused by mouse wheel "jumpy" scrolling. When clicking the scrollbar slider, the frozen rows and columns stay "attached" to their tables.

FWIW, this is happening on a page with two tables with frozen header and first column.

Works great except the not needed scrollbar? Any way to hide this?
The options "scrollBar" and "scrollable" are set to false by default. What am I missing?

I need table background color like below image... is it possible..

First, thank you for great work !
I can freeze header perfectly, But it's not work well with inputs in tbody, cause it cloned tbody too, no matter what all I need is header freezing only.

Original table.

After scroll to right.

Need to set display:block or something?

I am trynig to use this with Asp.Net GridView, but getting thrown into "The element must contain a table dom".

Checking to see if anybody has found a fix for this?

I am developing a large dynamic table and your plugin is great for fixing rows and columns of any table. I really appreciate, but it's issuing with a plugin called dragtable. The issue is that when I drag a column from one place to another and then scroll down, it clones the previous header and when I again scroll to the top issue fixes up but on fixing the table header it's not working. Can you help me out this issue?
On page load table;

After moving some columns:

After scrolling:

Check out that after page scroll the header resets.
I think you have to clone the latest one top row but it's cloning the row which is loaded with the page-load event. I have opened your plugin to check out what's going on in there, but I was unable to change because I am not so expert in JS.
Regards:
UsmanJavedAttari

Issue with RTL tables fixed column ... scroll and fixed columns not working ... it seems that there is some problem with scrollLeft and negative scrollbar value...

Hi

I can't figure out how to make the plugin work with a sticky top navbar. If I set the navbar's div to position sticky the table head doesn´t stick. If I set the top navbar to position fixed the table head overrides the navbar and sticks on top.

Thank you for your great work and support

Happy New Year

I'm using freeze table combine with bootstrap tabs, and the tabs one is smooth running, but the second tabs responding but the css and scroll all nothing happens, please help me

Hi,

I init a freeze table with the follow:

var freeze_table_pecas_obra_edit = new FreezeTable("#freeze_table_pecas_obra_edit", 
	{
		'scrollable': true,
		'freezeHead': true,
		'freezeColumn': true,
		'scrollBar': false,
		'namespace': 'freeze_table_pecas_obra_edit',
		'columnWrapStyles' : {'border-right':'1px solid black'}, 
		'headWrapStyles'   : {'border-right':'1px solid black', 'border-bottom':'1px solid black'},
		'backgroundColor'  : '#DEDEDE',
		'columnBorderWidth': 1
	});

But it does not respect the border styles. Check this printscreen:

I think that I'm not doing anything wrong....

Hello, am david and i have an issue with the jquery freeze table. I have a form within a div that calls the freeze table method in jquery and in the div have a table.

My issue is that when i change input of type select in my form and submit the form the value of my input does not change. How can i handle this issue please? Thanks

This is the table.

Step to reproduce the bug:
As long as the y scroll is scroll to anywhere, and then use the x scroll to scroll, will reproduce the bug as shown as the picture.

I need to freeze the first row and first 2 col. but found this bug and raise the issue here.
$(".example").freezeTable({ 'columnNum': 2, });

I have a table that has two trs in thead.
I need to freeze both of those rows and the first column.
I'm finding that the clone-head-table-wrap version of the table has the header taking up less vertical space and the first column shifts upwards.
I've done some measuring. Considering the cell addresses are A1, A2 (a la excel), here's what I see:
On the original table - the one that is displaying the content,
A1 is 57x65 px
A2 is 57x81 px

On the clone-head-table-wrap, the cells are this measurement:
A1 is 94x33 (line-height 16.245px
A2 is 94x49

So with the drop from height of 65+81 down to 33+49, the rest of the first column is slid up so high that it is pretty much two cell heights off on the rest of the table.

I've gone through the inspection of cells A1 and A2 in both the original and the clone and the applicable settings all appear to be the same. But the height and width are not equal. Presumably, that's because the other columns in the cloned table are of different sizes and that's forcing the measurements of the visible frozen columns to be incorrect. I've tried to see if the measurements of the other columns of the table differ between the original and the clone but I'm unable to retrieve the hidden cell sizing.

I have a few media queries happening here to manage font size, but I wouldn't expect that to cause these issues.

Are there any ideas on this?

First and last column fixed - how?