jQuery: ayarlı genişliğe sığdırmak için dize uzunluğunu kısaltın

Question

Bir tablom var ve her hücrede dizeleri yerleştirmek istiyorum, ancak bunlar hücre genişliğinden çok daha genişler. Hat kesintisini önlemek için, dizeleri hücreye sığacak şekilde kısaltmak ve ipin daha uzun olduğunu belirtmek için '...' kısmını eklemek istiyorum.

Tablonun yaklaşık 40 satırı vardır ve her bir hücreye yapılmalıdır, bu yüzden bir hızlı olması önemlidir. Bunun için JS/jQuery kullanmalı mıyım?

Nasıl yaparım?

Zaman ayırdığınız için teşekkür ederiz.

Saygılarımızla
Marius

Answer 1

bu 8 olduğu hile yapmak gerekir Eğer ben jquery width() yardım etmelisiniz Yorum cevaplamak için

$('td').each(function(){ 
    $(this).text($(this).text().substring(0,8)+"..."); 
}); 

tutmak istediğiniz metnin boyutunu Gidiyorsunuz ama sanırım kaygan bir slop yönelttiğinizde, metni bir div olarak veya flexigrid veya jgrid

Answer 2

Sen CSS kullanabilirsiniz - text-overflow: üç nokta - bunun için - burada listelenen belirli tarayıcılar ve çözümler için bazı uyarılar ile: jQuery kısaltın:

http://mattsnider.com/css/css-string-truncation-with-ellipsis/ (archived)

Answer 3

benim jQuery eklentisi kullanın. Tüm vakaları ele alır, metin taşmasını kullanır: elips varsa ve çok hızlı.

İndir: github.com/MarcDiethelm/jQuery-Shorten

Demo & Doc: http://web5.me/jquery/plugins/shorten/shorten.doc.html

Sen nasıl yapılandırabilirsiniz metin uçları (üç nokta). Varsayılan üç noktalı bir char ("…", & hellip ;, Unicode: 2026), ancak işaretleme dahil olmak üzere istediğiniz herhangi bir şeyi kullanabilirsiniz.

'seçilen' elemanının metin genişliği (örneğin. Yayılabilir veya Div) tuval kullanılarak ölçülmüştür veya geçici tablo hücresinin içine yerleştirerek ve (ilk etkinlik için bir tahminde kullanılarak), kısa ve daha kadar tekrar ölçülür (ve eklenen elips veya metin) bloğun içine sığar. 'Selected' öğesindeki bir araç ipucu, orijinal metnin tamamını görüntüler.