daniel-nagy / fixed-table-header

Fixed table header directive.
MIT License
88 stars 36 forks source link

md-progress on tables are gone #14

Open juwul opened 8 years ago

juwul commented 8 years ago

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.

coertg commented 8 years ago

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.

claudemircasa commented 8 years ago

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.

gillirabbi commented 7 years ago

Is there a way to define this elsewhere, i.e. not in the source code ?

joffre commented 7 years ago

Can we defined it via CSS ? (With CSS 3 there is some ways ti use Calc() and attr()) :)