Google चार्ट तालिका

Question

में किसी सेल में पैडिंग या मार्जिन जोड़ें, मैं तालिका मोड में एक Google चार्ट का उपयोग कर रहा हूं और तालिका में मैं सामग्री (पाठ) को सीमा से थोड़ी दूरी के साथ चाहता हूं। मैं इसे सीएसएस के साथ करने की कोशिश करता हूं लेकिन पैडिंग, मार्जिन और उनके रूपों के साथ-साथ अब तक काम नहीं करता है। तालिका से जुड़ा हुआ सीएसएससेल गुण (जो कि Google चार्ट की तालिका के cssClassNames प्रॉपर्टी का हिस्सा है) काम कर रहा है, क्योंकि मैं सीमा और बैक ग्राउंड सेट कर सकता हूं। लेकिन जब मैं पैडिंग या मार्जिन आदि सेट करने की कोशिश करता हूं तो कुछ भी नहीं बदलता है। तो तालिका में सीमा और सामग्री के बीच दूरी बनाने के लिए मुझे क्या करने की ज़रूरत है?

यह गूगल चार्ट तालिका मैं उपयोग कर रहा हूँ है: https://developers.google.com/chart/interactive/docs/gallery/table

Answer 1

वास्तव में क्या सीएसएस प्रयोग कर रहे हैं इस सवाल का जवाब देने में मददगार होगा पर थोड़ा और विस्तार। उस ने कहा, मैं शर्त लगा सकता हूं कि यह आपके सीएसएस चयनकर्ता विशिष्टता से संबंधित है।

उदाहरण के लिए, td { padding-left: 16px; } का उपयोग शायद काम नहीं करेगा, क्योंकि body.docs table th, body.docs table td { padding: 6px 10px; } का मौजूदा सीएसएस नियम उस पर कैस्केड करेगा।

हालांकि, कुछ इस तरह काम कर सकते हैं:

html body.docs table th, 
html body.docs table td 
{ 
    padding-left: 16px; 
} 

सीएसएस विशिष्टता के बारे में अधिक जानकारी के लिए this link देखें। साथ ही, सुनिश्चित करें कि आपकी तालिका आईफ्रेम में नहीं है, जहां आप उस पृष्ठ में सीएसएस घोषित कर रहे हैं जिसमें यह शामिल है; इस समस्या की जांच करते समय मुझे इससे पहले काटा गया था (बस क्योंकि मुझे नहीं पता था कि यह पहले स्थान पर था)।

Answer 2

मुझे आशा है कि यह आपकी मदद करेगा। के रूप में नीचे

data.addColumn('string', 'Name'); 
      data.addColumn('number', 'Salary'); 
      data.addColumn('boolean', 'Full Time'); 
      data.addRows(5); 
      data.setCell(0, 0, 'John',null,{'className':'right'}); 
      data.setCell(0, 1, 10000, '$10,000'); 
      data.setCell(0, 2, true); 

यहाँ working sample.

अधिक गूगल चार्ट संबंधित प्रश्नों पर जाएँ है data.setCell का उपयोग कर पंक्तियों में डेटा जोड़ें jqfaq.com

Answer 3

मैं एक ही समस्या पर ठोकर खाई और एक त्वरित नहीं पा सके उत्तर (न ही एक साफ एक या तो)।

मैं जिस समाधान को ठीक करने के लिए उपयोग करता हूं (हैक?) यह है कि मेरे सीएसएस वर्ग एपीआई द्वारा उपयोग किए जाने वाले एक से अधिक विशिष्ट हों।

से पहले:

.my-row-class td { 
    padding: 15px; 
} 

बाद

.my-row-class td, .google-visualization-table-table .my-row-class td { 
    padding: 15px; 
} 

चयनकर्ता का उपयोग करता है .google-visualization-table-table स्पष्ट रूप से उनके एपीआई, Google उपयोग कर एक से अधिक विशिष्ट है, इसलिए यह पिछले लागू किया जाता है हो जाता है और ओवरराइड करता है क्या गूगल है उनके एपीआई में हार्डकोडेड।