bcherny/angular-sticky-table-header

Sticky headers for tables

angular-sticky-table-header's Issues

Sticky header expands when data horizontally overflows

Changing <th> contents after cloning are not reflected in the clone

Elements with min-widths don't have correctly sized cloned headers when the window width is less than the min-width

Stuck header is not reset properly when page is loaded with a scrollY > 0

To reproduce:

1. Scroll to the bottom of a page where the sticky header is > 0px away from the top of the page
2. Refresh the browser (scroll should not reset)
3. Scroll to the top

Expected: Sticky header disappears when scrolling past its initial location
Actual: Sticky header persists

Header is sometimes misaligned when performing a quick horizontal scroll

table border causes cloned header to be positioned incorrectly

Improve start/stop performance

Timing issues when header is not yet visible when this directive is activated

Initial Clone Sticky Table Header

I enjoyed the component, but to run, I had to add the line:

on: function () {
            scope.observeTr();
            scope.addEvents();
            scope.resetClone(); // Without this, the first clone is not done.
          },

The other events are ok, resize, changing table, only the bootstrap component, at least for me did not happen as it should.

It would be a bug?
Hugs

Performance issues while sticking/unsticking with many columns

When table has many, many columns, the web application lags while scrolling when the header sticks/unsticks.

sticky-table-header mis aligns when the parent container is given some fixed width and not set to 100%.

When the parent where the sticky-table-header is included, is given a fixed width, the header comes out of the parent as the sticky-header gets positioned to "position: fixed" when user starts scrolling.

When the width of the sticky-header[ Lets say 1800px ] is more than the width assigned to the parent[ 1600px ] ,the sticky-header spills out of the parent and breaks the UI.

It works absolutely fine when the width of the parent is not fixed to some numbers[100%], but when the parent is given some width, it tends to break.

Header is misaligned when scrolling horizontally and vertically

To reproduce:

1. Scroll down to enable sticky header
2. Scroll horizontally to the right and scroll down more
3. Scroll back horizontally all the way to the left (back at position 0)
   Result: Header is misaligned from the left

This may be related to or the same bug as issue #31

Inject cloned row into the body root to minimize Layouts

Add dependency annotations to allow use when minified

Stickyheader shifts left when the table is in the middle and new rows are added or resizing browser

The cloned header sometimes shows up unpositioned for a second before being properly positioned after disabling then enabling

Original <tr> events are not triggered by clone

Cloned header doesn't respect table width

Actual: If a table has a width of 500px but the container has a width of 1000px, the header will be 1000px wide instead of 500px.

Expected: Header should be 500px wide

When data is suddenly deleted and the user is scrolled down, the header does not refresh immediately

Events bound to the window leak across instances

When the table has a min-width, the screen width is less than the min-width, and the user scrolls horizontally, the sticky header does not scroll with it

Sticky header do not work with IE11 browser

When re-enabling, header isn't shown until scroll is triggered