lai32290 / tableheadfixer Goto Github PK

Hi I couldn't correctly fix the first column of a table with this format:

<table>
  <tr>
    <td rowspan=2>title</td>
    <td> content</td>
  </tr>
  <tr>
    <td>content 2</td>
  </tr>
  <tr>
    <td>title2</td>
    <td>content3</td>
  </tr>
</table>

I want the first column to fix, but in row 2, the 2nd column is fixed (because this row does not have its own col1).

Hi @lai32290 ,

I found a little bug in your TableHeadFixer.

It works perfect in Chrome and firefox.

but The fixing head or the fixing column will slight shaking while I‘m dragging the scrollbar in IE.

looking forward to your reply.

: - )

When the Number of Column increases the plugin does not work and just fix the header

Firefox seems to be ignoring the table width and setting it to 100% which is preventing horizontal scrolling and condensing the width of the columns according to the width of the browser

I am trying to use two tables on one page. Nested inside a bootstrap grid row of two columns. The table ID can't be used twice on one page.

I tried to assign a different id on the second table and also copy an modify the .js file without luck.

Can you help with tihs please?

[email protected]

Can you please add the license information to the source code?

How to make this plugin work with dynamically added cells?

Hello,
i'm trying to use TableHeadFixer with bootstrap DataTable plugin.

Setup: head and first 2 columns (of 10) fixed.

I've a problem: headers of fixed columns scroll to left instead to remain fixed (see screenshot below)

There is a way to fix it?

Thank you in advance.

Scrollbars are always shown, even if not needed.

I think this could be solved by changing css property from 'scroll' to 'auto'

Hello guy!
Thank you for your plugin, it's very nice.
But can you help me how to set the border for fixed column?
my table has border. but when i scroll, the border of all the fixed columns is not appear.
Sorry about my english

Both bottom and top borders are being ignored on sticky headers and footers.

See: http://www.jqueryscript.net/demo/jQuery-Plugin-For-Fixed-Table-Header-Footer-Columns-TableHeadFixer/examples/fixHeader.html

It would be nice if border styling would be respected once you've scrolled.

When I mouseover the one row, the entire row doesn't fire hover effect. Only the unfixed column change color and the fixed columns doesn't change background color. Because the background doesn't change in fixed columns.
Can you implement to add this function?

TableHeadFixer working very well. Big thank "lai32290"!
But I have a problem, hope you help,
Please see attack image file.
Thank you very very much!!!

Hello.
In Firefox 38.0.1 i see ReferenceError: setParent is not defined

jQuery 3.2.1 + last version jquery-table-fixer (from npm)
https://jsfiddle.net/q7t0z98p/1/

When the header and left column set to fixed it jumps while using IE and if the Laptop is using battery.
I'm thinking this has todo with relative positioning.

Fixed column vibrates when I scroll from the phone by touch, however if I move selecting the scroll bar does not vibrate.

How could troubleshoot error and that when you touch scroll function as the scrollbar?

Hello Friends,

I need to remove the fixer on click, somebody can help me please?
Thanks.

Best Regards

Fixed cell take parent background, only if it self not has background

There is a strange line in your JS: https://github.com/lai32290/TableHeadFixer/blob/master/tableHeadFixer.js#L67

Why do you do this? The makes the view scroll back to top when appending more data to table and re-running .tableHeadFixer() on the table... I'm just trying to understand this piece of code...

When set colspan, it row will fix column more than fixed

Make fix cell for right column and footer, both is optional

Right column fix need can set number column will be fixed, like left fix column, right fix column is none by default

If footer is setting for fix, all tfooter will be fixed.
By default is none

This should be published on Bower

I am trying to make the head and column fixed and unfixed when user clicks on a checkbox.
It works,the code for onclick is $("#testTable").tableHeadFixer({'left' : 2, 'head' : true}); .
i have another checkbox which onclick does this $("#testTable").tableHeadFixer({'left' : 0, 'head' : false}); this does not work and the table head and columns are still fixed.

Awesome plugin – works good here, thank you!
But did you consider to add window scrolling instead of having a fixed container height?
See this example please: http://mkoryak.github.io/floatThead/examples/bootstrap3/
Would be more than awesome to see it in your plugin too!

I've created a table which contains a child table inside its td's and when I make the table header fix using the tableHeadFixer it is fixing the table header but it also fixing the child table headers and due to that the child table header not scrolled when we scrolling the parent table.
for example and problem you can check the following jsfiddle link -

https://jsfiddle.net/8wpLnyme/

Add function for set fixed cell z-index, for not conflict other plugin

It seems like the table width is being ignored in Safari. The table jets compressed to fit all the columns into the screen rather than being allowed to scroll through with fixed left column and fixed header.

the performance issue occurs when table rows is larger than 1000

Upon scrolling horizontally, the border between cells are transparent and one can see the contents moving left/right through the transparent space.

When make mix table fix (Fix table head or foot with column), table corner will be overwritten with other columns or rows

In Tablet View Left column is does not fixed andd mobile view its work perfect.

Hello,

Just wondering, will the latest version of your plugin be published on npm? I found the following entry while searching for it, but it seems to be an outdated version (last published 2 years ago): https://www.npmjs.com/package/jquery-table-fixer

Thanks!

Hi,

Love your plugin !!

I have noticed that the header disappears in Windows 10 Chrome (69.0.3497.92 64 bit). Visit the page:

https://www.jqueryscript.net/demo/jQuery-Plugin-For-Fixed-Table-Header-Footer-Columns-TableHeadFixer/examples/fixHeader.html

to duplicate.

Thank you for your attention...

Phil

如標題，在tbody 加入 <data-bind="foreach: textData">後，表格無法按照設定的格式呈現，再麻煩能幫忙看看是什麼問題，謝謝

    $(document).ready(function () {
        $("#fixTable").tableHeadFixer({ "head": true, "left": 2 });
    });

I have a table with two fixed left columns and a fixed header.
Whenever I rowspan the left most column, I get three (not only 2) fixed left columns; the rowspanned one, the second leftmost column and one additional data column.

However the top row, where the label of the rowspanned is showing has 2 fixed columns as intended
It seems that the implicit <td> isn't taken into consideration.

To solve that issue I am adding a <td style='display:none'></td>
Is there a way to rectify that without using the hidden <td>
Thank you

I have a table with this layout (5 fixed columns).

<tr>
   <th colspan='3'>X</th>
   <th id='cal_check_row_all'></th> 
   <th id='cal_check_row_none'></th> 
<tr>

When applying the plugin, the generated css is not homogenous for all the columns (in the same order the above 3 th):

style="position: relative; z-index: 1; top: 0px; left: 0px; background-color: rgb(255, 255, 255);"
style="position: relative; top: 0px; background-color: white;"   // no z-index here!!!
style="position: relative; z-index: 1; top: 0px; left: 0px; background-color: rgb(255, 255, 255);"

When scrolling the table, the 2nd *_th *_go to the left (it not stays in place) bellow the first one.
Alter adding a z-index: 1to it, it goes to the left but above the left th with the colspan.

If the colspan is removed and replaced with <th>a</th><th>b</th><th>c</th> all works fine

solveRightColspan is not defined.
https://github.com/lai32290/TableHeadFixer/blob/master/tableHeadFixer.js#L32

It occurs when I initialize the tableHeadFixer to fix the right column

Hi!
Is there a way to refresh the state of the table? After I add columns/rows, the new doesn't scroll like the rest of the table.
Thanks for the great work!

Hi,
The plugin does not work with IE and firefox, on newer versions of firefox it works partially, on older versions it does not work at all, moreover the scroll speed is not smooth on any browser and version. I am currently using the plugin with Angular v1.6.5 and latest plugin version.

Hi,前辈，
我用了你这个插件来固定左侧列，但是IE和Mobile上滚动的时候，左侧列会闪动，前辈能帮忙看看是什么问题么？

Anyone has come up with the issue of cell freeze left not working for whole cell instead working only for single thead?

If anyone has come up with the same issue please help me.

Thanks in advance

this plugin working fine in Firefox and Chrome but in Safari Browser when table is scrolled fluctuate Table header

Hi,
As i am started using your plugin in my website which is working fine in chrome but in firefox and IE header start flickering(up and down) while scrolling. Help me to resolve this issue. Thanks