2012-01-09 16 views
6

बाएं होने का कोई तरीका है, पहले कॉलम की न्यूनतम चौड़ाई ...... 50% है।पहली तालिका कॉलम की न्यूनतम चौड़ाई

मेरे पास अलग-अलग सारणीएं हैं (विभिन्न शीर्षकों के साथ वे डेटा के अलग-अलग टुकड़े हैं)।

स्पष्ट रूप से टेबल कॉलम उनकी चौड़ाई बदलते हैं कि उनके भीतर कितनी सामग्री है ... यदि उसे अतिरिक्त स्थान की आवश्यकता है तो यह उसी तालिका में अन्य कॉलम से अधिक जगह लेगा ... यह अच्छा है लेकिन जब बहुत कुछ है अंतरिक्ष और यह किसी भी अतिरिक्त जगह तो इसकी बहुत tidier की जरूरत नहीं है अगर वे सब सिर्फ एक ही चौड़ाई रहने ... की तरह 50%

http://jsfiddle.net/mqatP/5/

किसी भी विचार कैसे PHP में परीक्षण के बिना यह कर कितनी सामग्री के लिए उनके अंदर जा रहा है और विभिन्न वर्गों को जोड़ रहा है?

धन्यवाद, Dom

उत्तर

5

मुझे यह जानकर आश्चर्य हुआ कि min-width टी नहीं करता है रिक। हालांकि, कुछ समय के लिए इसके साथ खेलने के बाद, मैं इस समाधान में आए:

td:first-child { 
    width: 40%; 
    white-space: nowrap; 
} 
+0

इस्तेमाल कर सकते हैं यह बहुत अच्छा लगता है। यहां तक ​​कि चौड़ाई: 50% भी काम किया। इसलिए यदि यह पर्याप्त जगह है और अंतरिक्ष में इसका उपयोग करता है तो यह सब गठबंधन रखता है। मेरे पास कभी-कभी 3-कॉलम होते हैं जो उनको खराब करते हैं लेकिन मुझे संदेह है कि उन्हें बिना कॉल -2, कॉल -3 और विभिन्न शैलियों के बिना तय किया जा सकता है। –

+0

हालांकि, यदि आपके पास टेक्स्ट बहुत लंबा है तो यह लपेटने के बजाए बहता है ... लेकिन मुझे लगता है कि वास्तव में उसमें से कोई रास्ता नहीं है –

2

मैं तुम्हें सीएसएस

table-layout:fixed; 

में और जावास्क्रिप्ट वाक्य रचना में तालिका चौड़ाई तय करने के लिए इस प्रयास करने के लिए सुझाव है कि है: object.style.tableLayout="fixed"

+0

मुझे लगता है कि यह साफ समाधान लेकिन बलों रैपिंग है जब वहाँ अंतरिक्ष कि यह –

1

आप

tbody>tr>td:nth-child(1), 
tbody>tr>td:nth-child(2), 
tbody>tr>td:nth-child(3) { width: 50%; } 
इस्तेमाल कर सकते हैं
संबंधित मुद्दे