2013-03-08 15 views
8

प्रिंटिंग तालिका कक्ष मैं एक टेबल बना देता हूं और डिफ़ॉल्ट सेल को डिफ़ॉल्ट रूप से बाएं से दाएं से शुरू करना चाहता हूं। मैंने सीएसएस में फ्लोट विशेषता को बदलने की कोशिश की लेकिन यह मदद नहीं कर रहा है।दाएं से बाएं

<table border="0" width="100%" cellspacing="0" align="center" class="result_table"> 
    <tr align="right"> 
    <th bgcolor="#cccccc" align="right">1</th> 
    <th bgcolor="#cccccc" size="17">2</th> 
    <th bgcolor="#cccccc">3</th> 
    <th bgcolor="#cccccc">4</th> 
    </tr>; 

</table> 
table.result_table { 
    float:right; 
} 

किसी को भी इस तालिका के नाव को बदलने के तरीके बता सकते हैं: यहाँ कोड है?

+0

आप सही से क्या बदलना चाहते हैं? पहली सेल की सामग्री? –

+3

सेल के लिए आप 'दिशा: ltr;' का उपयोग क्यों नहीं करते? –

+0

'फ्लोट' – Alireza41

उत्तर

0

मुझे यकीन नहीं है कि यह केवल सीएसएस के साथ हासिल किया जा सकता है। का उपयोग कर jQuery आप के लिए ठीक है, तो यहां एक प्रारंभिक विचार है वांछित परिणाम के लिए आपको मिल सकता है कि:

सीएसएस:

.result_table{float:left; width:100%; border-collapse:collapse; padding:0;} 
.result_table th{float:right; padding:0;} 

जे एस:

var cols = $('.result_table th').length; 
var colWidth = 100/cols; 
$('.result_table th').css({width:colWidth+'%'}) 

उदाहरण - jsFiddle

+0

आपकी टिप्पणी के लिए धन्यवाद, लेकिन आरटीएल ने मेरे लिए पूरी तरह से काम किया। – antonpuz

11

टिप्पणियों में सुझाव के अनुसार, आप दिशा-निर्देश को दाएं से बाएं (आरटीएल) पर सेट कर सकते हैं। हालांकि, जब तक कि आपकी तालिका सामग्री दाएं से बाएं भाषा में न हो, आपको अतिरिक्त रूप से तालिका सामग्री तत्वों में दिशा-निर्देश को बाएं से दाएं सेट करना चाहिए। अन्यथा, वे आरटीएल दिशात्मकता का उत्तराधिकारी हैं, जो कई परिस्थितियों में आश्चर्य का कारण बनेंगे, क्योंकि दिशात्मकता समग्र पाठ दिशा-निर्देश भी सेट करती है। यह पश्चिमी भाषा में सामान्य पाठ को प्रभावित नहीं करेगा, लेकिन यह प्रभावित करेगा। "4 (5)" जैसी सामग्री, जो आरटीएल दिशात्मकता के साथ "(5) 4" के रूप में दिखाई देगी।

इस प्रकार, आप

table.result_table { 
    direction: rtl; } 
table.result_table caption, table.result_table th, table.result_table td { 
    direction: ltr; } 
0

स्थापित करना चाहिए एक बहुत ही आसान तरीका है। आप तालिका में direction="rtl" जोड़ सकते हैं।

<table dir="rtl"> 
    ... 
</table> 
संबंधित मुद्दे