colonne fissi e di intestazione con i CSS/JS angolare

Question

Sto avendo difficoltà che attua il seguente:

1. Fissare l'intestazione della tabella
2. Fix primi 4/5 colonne di congelare e il resto per scorrere orizzontalmente
3. La tabella dovrebbe essere all'interno di un div che è di altezza fissa e larghezza

posso correggi l'intestazione, non sono in grado di raggiungere il n. 2. La tabella si trova all'interno di un riquadro nella pagina. Quindi non posso veramente usare position:absolute per aggiustare le colonne per raggiungere il n. 2.

Ho provato alcuni esempi online per ottenere questo risultato, ma ho bisogno di creare una direttiva JS angolare per fare ciò. Sono nuovo di AngularJS, tuttavia, ho provato a modificare l'esempio seguente, ma senza fortuna.

https://www.pointblankdevelopment.com.au/blog/angularjs-fixed-header-scrollable-table-directive

Qualsiasi aiuto su un modo CSS per fare questo anche aiuterà.

Ho anche aggiunto il plunker per quello che sto cercando di fare. Quindi voglio bloccare le prime 2 colonne nell'esempio.

http://plnkr.co/edit/iKwNrqT1Gy1oDvyK6FFN?p=preview

Answer 1

Se si aggiunge solo più righe alla thead li risolverà automaticamente per voi come la direttiva chiama a fare.

vedere qui: http://embed.plnkr.co/CmJBfd/preview

Quindi, tutto ciò che dovete fare è mettere una classe personalizzata sulle vostre righe che non si vuole apparire come l'intestazione e lo stile di loro come le righe.