Comments (16)
I'm having the same issue.
I realized that because I'm using ui-router
.
I simulate using ng-if and I could reproduce the same error: http://plnkr.co/edit/gb6MIbwF3lCXhx9GUCvZ
I believe if we fix with ng-if
, it'll fix for ui router and so on.
UPDATE: What is interesting is if we remove the
fix-head
directive, the header shows on ng-if without any errors/warnings
from fixed-table-header.
It works this ng-show
from fixed-table-header.
Still happens, couldn't get to make it work :(
from fixed-table-header.
Yep I believe this is a duplicate of #7 . I've tried to fix it to no avail... :(
from fixed-table-header.
Have you tried reproducing this in a Codepen?
from fixed-table-header.
@leocaseiro Exactly. I am using ui-router
in my app as well and I guess this is the reason why I couldn't reproduce this issue on codepen before. haven't thought ``ui-router` would cause the clash.
@daniel-nagy any ideas? :)
from fixed-table-header.
The fix-head
directive doesn't work with ng-if
at the moment. If I can find a way to make it work with ng-if
it might fix this issue.
from fixed-table-header.
I've tried too, not luck.
from fixed-table-header.
I now have it working in my pull request #15 where a table's parent element can have an ng-if. I reworked fixed-table-header to use Angular Material's $mdSticky service, taking cues from md-subheader. Hope this helps.
from fixed-table-header.
Sill experiencing this issue. Was there ever a permanent fix?
from fixed-table-header.
@daniel-nagy Even i tired many fixes that were suggested in your Gist and what i knew but the header failed to remain static. Also when i use fix-head in the md-data-tables then the header name disappears.
from fixed-table-header.
same here please fix..
from fixed-table-header.
Has Anyone tried to implement with https://github.com/soenkekluth/sticky-state ?
from fixed-table-header.
@leocaseiro Yeah, didn't work for me. If anyone succeeds, please share. 👍🏻
from fixed-table-header.
Running into this issue as well. Using this with md-data-table v 0.9.4.
from fixed-table-header.
Didn't work for me too...
from fixed-table-header.
Related Issues (20)
- Type error
- Cannot use jQuery resize event to resize on ngShow.
- Doesn't work well with infinite-scroll
- dammage HOT 1
- row headers?
- broken with two <md-content> columns
- disappears when used with ng-repeat HOT 1
- Headings disappear if using ng-if on ancestor element HOT 6
- It deseappear when ised with uib-tabset
- Minimum width for the column HOT 1
- Whole page scrolls when div has height 100%
- Table header cells do not get proper widths on IE11 HOT 14
- Cannot read property '0' of undefined HOT 3
- Error when using some elements inside the fixed header
- Angular 2- 5 support
- overflow: auto causes css rendering issue in chrome
- Cell width and pagination
- Reduce watcher by using ResizeObserver
- RTL Issue
- Not working
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from fixed-table-header.