Ng-table: क्षैतिज स्क्रॉल बार कैसे दिखाना है जब एक टेबल में कई कॉलम दिखाने की आवश्यकता होती है?

को निर्मित 28 नव॰ 2015 · 4टिप्पणियाँ · स्रोत: esvit/ng-table

qq 20151128203444
पृष्ठ स्क्रॉल बार दिखाता है, लेकिन तालिका में नहीं।

स्रोत

yujiayinshi

सबसे उपयोगी टिप्पणी

आपको div के साथ टेबल को घेरने की जरूरत है
<div id="container"></div>

सीएसएस में कंटेनर डिव के लिए निम्नलिखित शैली लागू करें:
#container{white-space:nowrap; overflow: hidden;}

फिर अपनी तालिका में निम्न शैली लागू करें
.table{display:block;overflow-x:scroll;}

यह तालिका के ठीक नीचे और पेजर डिव से पहले क्षैतिज स्क्रॉलबार जोड़ देगा।

matharuajay 29 सित॰ 2016

👍4

इसके ऊपर एक कंटेनर बनाएं।
<div id="container">  </div>
और सीएसएस का उपयोग करते हुए:
#container { width:100%; overflow: auto }

AmitMY 11 दिस॰ 2015

@AmitMY पेजर को छुपा देगा

hxlniada 25 दिस॰ 2015

+1，तालिका तत्व के लिए एक कंटेनर की आवश्यकता है

hxlniada 25 दिस॰ 2015

आपको div के साथ टेबल को घेरने की जरूरत है
<div id="container"></div>

सीएसएस में कंटेनर डिव के लिए निम्नलिखित शैली लागू करें:
#container{white-space:nowrap; overflow: hidden;}

फिर अपनी तालिका में निम्न शैली लागू करें
.table{display:block;overflow-x:scroll;}

यह तालिका के ठीक नीचे और पेजर डिव से पहले क्षैतिज स्क्रॉलबार जोड़ देगा।

matharuajay 29 सित॰ 2016

👍4

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

लोड हो रहा है प्रभाव

yujiayinshi · 8टिप्पणियाँ

वेबपैक 2 का उपयोग करते समय अजीब समस्या

faceleg · 11टिप्पणियाँ

फ़िल्टर का चयन करें सभी मानों को अपरिभाषित के रूप में दिखा रहा है

raul1991 · 6टिप्पणियाँ

टेम्पलेट लोड नहीं है

richtmat · 7टिप्पणियाँ

छँटाई/छानने के साथ समूहीकरण

Nagendra1402 · 3टिप्पणियाँ