2011-10-02 13 views
8

Birden çok sütun içeren bir tablom var. Her sütunun içeriğinin ayrı ayrı seçilmesini istiyorum. İlk sütunu seçmeye başladığımda, ikinci, üçüncü ... otomatik olarak seçilir. Bir sütun seçtiğimde diğer sütunları seçilemez yapmak istiyorum.HTML tablosunda seçilemez sütunlar

Öğeler üzerinde aşağıdaki sınıfı uygulamayı denedim ve FF'de hiçbir işe yaramadı. Seçime başladığınız yer hiçbir zaman seçilemez. Seçim dışında başlarsa ben Internet Explorer'da, unselectable="on" denilen özellik denedi IE için

.unselectable { 
    user-select: none; /* CSS3 */ 
    -moz-user-select: none; 
    -khtml-user-select: none; 
} 

, hala seçilebilir. Bazı sütunların seçimini engellemek istiyorum bile seçim dışarıdan başlıyor.

Opsiyonel başlatma ve devremeyi kullanmayı denedim, ancak seçim öğenin dışından başladığında bunlar tetiklenmiyor.

Herhangi bir umudum var mı?

Şimdiden teşekkürler.

+0

Her bir sütunu tek tek seçmek için amacınız nedir? İçinde bazı metinler bulunan bir tablo oluşturdum ve problemi çözmeden metni seçtim. Bunun neden bir sorun olduğuna dair biraz daha detay verebilir misiniz? Test edebilmemiz için bize bir kod parçacığı veya tüm kodunuzu verebilir misiniz? – b28c92e5ff1

+0

En iyi çekiminiz muhtemelen tablo hücrelerini jquery (kolay ve temiz seçiciler) ile seçip, davranışı değiştirmek için karşılık gelen css sınıflarını belirler. Bunun yerine style-attribute kullanmak isteyebilirsiniz, bu yüzden tarayıcılardan özel kullanıcı css dosyaları ile bu özelliklerin üzerine yazamazsınız. – Smamatti

cevap

1

Şimdilik saf CSS çözümü bulunmadığına inanıyorum.

Bu biraz garip gelebilir, ancak kullanıcının, orijinal sütun üzerinde positioned: absolutely olacak ayrı bir tabloya seçmesini istediğiniz sütunun içeriğini klonlayabilirsiniz.

0

Bir SCOPE özniteliğine sahip bir TH eklemenize yardımcı olabilir. Çalışacağını söyleyemem ama daha semantik bir tablo için yapar. CSS özniteliği çağırabilir, böylece bir DOM çözümü bu kadar kapalı olamaz.

1

yerine tekerleği yeniden keşfetmek ... Bu http://www.datatables.net/

kontrol bir JQuery tablo eklentisi olan senin cinsten olacak.

Zaten yapmak istediğiniz şeyi yapmakta ve ücretsiz.

+0

Datatables harika :) sizin için görevi basitleştirecekler @Gopal –

+1

Sorunu çözmüyor ve bir fiş gibi görünüyor. -1 –