2014-10-07 26 views
6
sorun uygulamak yaşıyorum

aşağıdadır:Sabit sütunlar ile başlık CSS/Eğik JS

  1. ilk 4/5 sütunları dondurmak için Fix tablonun başlık ve ilerlemek için kalanını Fix yatay
  2. tablo

I am güçlü sabit bir yüksekliğe sahip div ve genişlik içinde olması gerekir başlığı düzeltmek, # 2 elde edemiyorum. Tablo, sayfadaki bir bölmenin içinde. Bu yüzden # 2'ye ulaşmak için sütunları düzeltmek için position:absolute'u kullanamıyorum.

Bunu başarmak için çevrimiçi birkaç örnek dışında çalıştım, ama bunu yapmak için bir açısal JS direktifini oluşturmanız gerekir. Ben AngularJS için yeni, ancak, aşağıdaki örnek çimdik ama şans yok.

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

da yardımcı olacaktır bunu yapmanın bir CSS yolda Herhangi bir yardım.

Ayrıca, yapmaya çalıştığım şey için plunker ekledim. Bu yüzden, örnekte ilk 2 sütunu dondurmak istiyorum.

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

+0

Denemelerinizle bir jsbin/jsfiddle/plunker kurarsanız bu yardımcı olur. – haki

+0

http://jsfiddle.net/zS7Ny/ gibi birden çok tablo kullanmayı denedim, ancak 2 tabloyu kullanmak istemiyorum çünkü veriler iki kez yinelemeye ihtiyaç duyan tek bir liste. –

+0

Sadece "özel sütunlara" uygulanan yatay kaydırma mı istiyorsunuz? Bu [cevap] (http://stackoverflow.com/a/21778035/967638) jthe denedik. – Amarnath

cevap

-1

sadece thead daha fazla satır eklemek durumunda yönerge yapmak çağırır gibi sizin için otomatik olarak çözecektir.

Buraya bakın: http://embed.plnkr.co/CmJBfd/preview

Böylece, yapmanız gereken tek şey başlığındaki gibi bakmak ve satırlar gibi onları stil istemediğiniz satırları bir özel sınıf konur.

+1

Bu, istenildiği gibi donmuş sütunlara sahip değil –