2015-11-24 26 views
8

में एक हैडर WordWrap के लिए कैसे उपयोग करना एजी ग्रिड, 2 पंक्तियों में एक लंबे हैडर विभाजित करने के लिए एक रास्ता है ...एजी ग्रिड

columnDefs headerName में एक को तोड़ने: 'Long<br />Header' मुझे वहाँ हिस्सा जिस तरह से हो जाता है (देव उपकरण का उपयोग करके मैं देख सकता हूं कि पाठ में ब्र है), हालांकि आसपास के तत्वों में से एक की ऊंचाई 25px है; <div class="ag-header" style="height: 25px;"> जो मुझे लगता है कि शीर्षलेख की दूसरी पंक्ति को प्रदर्शित नहीं किया जा सकता है।

मैं एक अंतरिम रूप में समूह हेडर का उपयोग करके पाठ विभाजन पाने के लिए के बारे में सोचा है, लेकिन लंबी अवधि (जब मैं समूह की जरूरत है) है कि एक विकल्प नहीं होगा ...

उत्तर

15

कोशिश करने के लिए निम्नलिखित जोड़ने के लिए अपने सीएसएस:

.ag-header-cell-label { 
    text-overflow: clip; 
    overflow: visible; 
    white-space: normal; 
} 

और अपने ग्रिड विकल्प से जोड़ें:

headerHeight: 48 
+1

केवल सफेद-अंतरिक्ष की तरह लग रहा: सामान्य –

+0

यह मेरे लिए काम किया की जरूरत है लेकिन अब मैं कुछ गलत गठबंधन पाठ हो रही है कारण मेनू आइकन पर। दाईं ओर मेनू आइकन बाईं ओर शीर्ष पंक्ति को टक्कर देता है। इससे दो लाइन हेडर एक दूसरे के शीर्ष पर केंद्रित नहीं होते हैं लेकिन बाईं ओर बंद होते हैं। उस के साथ स्टाइल पर कोई सलाह? – Jake

+0

'ओवरफ्लो-रैप: ब्रेक-वर्ड;' यदि आपके पास लंबे सिंगल-वर्ड हेडर हैं (उदाहरण के लिए यदि आप जर्मन हैं) भी मदद करता है। – JulienD

संबंधित मुद्दे