fixed-table-header
fixed-table-header copied to clipboard
md-progress on tables are gone
After implemented the fixed-table-header on your md-data-table https://github.com/daniel-nagy/md-data-table all the md-progress animations when loading content into the tables are gone. If I remove the fix-head
attribute tag on the thead, then they are back again.
If you add your own progress bar (like the one shown below) as the first element in <thead>
, then you can get a progress bar.
<md-progress-linear md-mode="indeterminate"></md-progress-linear>
This is not perfect, however, since the progress bar is then situated at the top of the table content, and scrolls away when you scroll down.
I would also really like to see this resolved properly.
is simple , do the sum of the height of the value of the progress bar set in the style sheet " md- date table.css " the value of the defined height in the function " marginTop " defined in the file "fixed -table- header.js " in my case I use 3px for the progress bar , check the source code:
Original source code
function marginTop(height) {
table.original.css('marginTop', '-' + height + 'px');
}
My solution
function marginTop(height) {
table.original.css('marginTop', '-' + (height-3) + 'px');
}
In my case I solved my problem.
Is there a way to define this elsewhere, i.e. not in the source code ?
Can we defined it via CSS ? (With CSS 3 there is some ways ti use Calc() and attr()) :)