मैंने एक स्क्रॉल करने योग्य तालिका बनाई है जिसे मैं jsfiddle में उपयोग करना चाहता हूं लेकिन मुझे तालिका कक्षों को निश्चित ऊंचाई या अधिकतम ऊंचाई नहीं मिल सकती है। यहां मेरे उदाहरण को देखते समय मैं किस बारे में बात कर रहा हूं, यह देखने के लिए आपको शायद अपने ब्राउज़र की चौड़ाई को कम करने की आवश्यकता होगी:

https://jsfiddle.net/trleithoff/jz62aenk/5/

table, tr td {
    border: 1px solid black;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 30px;
    height: 30px;
}
tbody {
    display: block;
    height: 125px;
    overflow: auto;
}
thead, tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

पहले टेबल सेल (पंक्ति 1 कॉलम 1) में बहुत अधिक टेक्स्ट है और इलिप्सिस काम कर रहा है लेकिन यह प्रति लाइन काम कर रहा है न कि पूरे टेक्स्ट ब्लॉक में। क्या किसी को पता है कि टेबल सेल पर निश्चित ऊंचाई को कैसे बल देना है?

enter image description here

0
FairyQueen 14 जिंदा 2020, 18:55

1 उत्तर

सबसे बढ़िया उत्तर

टेबल-सेल overflow: hidden के साथ काम नहीं करेंगे। बस टेबल-सेल में सामग्री को max-height और overflow: hidden के साथ div में लपेटें

tbody tr td div{
  max-height: 30px;
  overflow: hidden;
}
1
sonic 14 जिंदा 2020, 16:06