सीएसएस उत्तरदायी तालिका
उत्तरदायी तालिका
यदि स्क्रीन पूरी सामग्री को प्रदर्शित करने के लिए बहुत छोटी है, तो एक प्रतिक्रियाशील तालिका एक क्षैतिज स्क्रॉल बार प्रदर्शित करेगी:
| पहला नाम | अंतिम नाम | अंक | अंक | अंक | अंक | अंक | अंक | अंक | अंक | अंक | अंक | अंक | अंक |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| जील | लोहार | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 |
| पूर्व संध्या | जैक्सन | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 |
| एडम | जॉनसन | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 |
एक कंटेनर तत्व जोड़ें (जैसे <div>) overflow-x:autoइसे प्रतिक्रियाशील बनाने के लिए <table> तत्व के साथ:
उदाहरण
<div style="overflow-x:auto;">
<table>
... table content ...
</table>
</div>
नोट: OS X Lion (Mac पर) में, स्क्रॉलबार डिफ़ॉल्ट रूप से छिपे होते हैं और केवल उपयोग किए जाने पर ही दिखाए जाते हैं (भले ही "ओवरफ़्लो: स्क्रॉल" सेट हो)।
और ज्यादा उदाहरण
यह उदाहरण दर्शाता है कि एक फैंसी टेबल कैसे बनाया जाता है।
यह उदाहरण दर्शाता है कि तालिका शीर्षक को कैसे स्थान दिया जाए।
सीएसएस तालिका गुण
| Property | Description |
|---|---|
| border | Sets all the border properties in one declaration |
| border-collapse | Specifies whether or not table borders should be collapsed |
| border-spacing | Specifies the distance between the borders of adjacent cells |
| caption-side | Specifies the placement of a table caption |
| empty-cells | Specifies whether or not to display borders and background on empty cells in a table |
| table-layout | Sets the layout algorithm to be used for a table |