>>>Hi everybody,
>>>
>>>I have a table in my form with a footer (tfoot). The table has lots of rows, but I want its footer to always show at the same place and have the body of the table to be scrollable.
>>>
>>>Is it possible? If yes, how should I set my table?
>>>
>>>Thanks in advance.
>>
>>There's a dozen or more angular table/gird components - what are you using ?
>
>We're now using just a table with ng-repeat although based on our own class. This is what I found in our css in regards to that class and tried to adjust but got only some bad effects instead:
>
>

>.table-list {
>    cursor: pointer;   
>}
>
>    .table-list > tbody > tr:nth-child(odd) > td {
>        background-color: #f1f1f1;
>    }
>
>    .table-list > tbody > tr:hover > td, .table-hover > thead > tr > th:hover {
>        background-color: #e9e9e9;    
>    }
>
>    /*.table-list >tbody
>    {
>        margin: 5px 0 0 0px;		
>		overflow-y: scroll;
>		height: 60%;
>		border-bottom: 0;		
>		margin: 0 auto;
>    }*/
>
>    .table-list > tfoot {
>         font-size:large;
>         text-align:right;   
>         
>    }
>

>
>BTW, I added tfoot class. I can make tfoot to always show at the bottom, but I can not make the rest of the table to not show behind (e.g. in a scrollable box right above the footer).

Then maybe something based on this: http://jsfiddle.net/Gabriel_Mendez/T2pmq/