এইচটিএমএল সারণি সারি <tr> আমি কীভাবে আড়াল করতে পারি যাতে এটি কোনও স্থান না নেয়?

Question

এইচটিএমএল সারণি সারিটি কীভাবে আড়াল করতে পারি <tr>যাতে এটি কোনও স্থান না নেয়? আমার বেশ কয়েকটি <tr>সেট আছে style="display:none;"তবে তারা এখনও টেবিলের আকারকে প্রভাবিত করে এবং টেবিলের সীমানাটি লুকানো সারিগুলি প্রতিফলিত করে।

Comments

তাদের কি বারবার দেখানো হচ্ছে / লুকিয়ে রাখা হচ্ছে? বা যখন তারা লুকিয়ে থাকে, তখন সেগুলি কার্যকরভাবে কার্যকর হয়? কারণ আপনি কেবল সারিটি সরাতে জাভাস্ক্রিপ্ট ব্যবহার করতে পারেন এবং এটি সম্ভবত আপনার সমস্যা সমাধান করবে।

— ব্রেটকেইলি

আমি এগুলি গোপন হিসাবে শুরু করতে চাই এবং তারপরে যদি ব্যবহারকারী "আরও দেখানোর জন্য" একটি বোতামে ক্লিক করেন তবে সেগুলি দেখাতে চাই। যখন সেগুলি লুকানো থাকে, আমি চাই না যে তারা উল্লম্ব স্থান গ্রহণ করবে।

— মাইকন

আমার এই একই সমস্যাটি ছিল, আপনি জাভাস্ক্রিপ্ট সহ সারিটি () সরিয়ে ফেললে এটি এখনও আই 6-তে কিছু জায়গা নেয়।

— চুষি

আপনি কোন ডক্টাইপ ব্যবহার করছেন? আমি স্বীকার করি যে আপনি একটি ভাল প্রতিনিধির সাথে এসওতে পোস্ট করার সরল সত্যটি ইঙ্গিত দেয় যে আপনি সম্ভবত কোয়ার্কস মোড এড়ানোর জন্য যথেষ্ট জানেন ... তবে কেবল বোকা প্রশ্নটিই তা নয় যা জিজ্ঞাসা করা হয়নি। ... এবং বুদ্বিগারদের একটি, স্পষ্টতই।

— ডেভিড মনিকা

আমি সবেমাত্র এফএফ 3.5 এবং আইই 8 তে পরীক্ষা করেছি - উভয়ই প্রদর্শন সহ সারিটি লুকিয়ে রাখি: কিছুই নেই

— 26

Answer 1

আমি সত্যিই আপনার টেবিলের স্টাইলিংটি দেখতে চাই। যেমন "সীমান্ত-পতন"

কেবল অনুমান, তবে এটি 'লুকানো' সারিগুলি কীভাবে রেন্ডার হচ্ছে তা প্রভাবিত করতে পারে।

Comments

ধন্যবাদ! এটি ছিল অনুপস্থিত স্টাইল।

— মাইকন

Answer 2

আপনি কিছু কোড অন্তর্ভুক্ত করতে পারেন? আমি style="display:none;"আমার টেবিলে সারিগুলিতে সারাক্ষণ যোগ করি এবং এটি কার্যকরভাবে পুরো সারিটি গোপন করে।

Comments

আমার জন্য কাজ। আমি দৃশ্যমানতা সেট করার চেষ্টা করছিলাম: এর আগে লুকানো :(

— টোডামস

এখনও ফাঁকা আছে: /

— ফতুহোকু

আপনি যখন আড়াল সারিগুলি দেখান তখন

— এইটিকে

Answer 3

আপনি <tr id="result_tr" style="display: none;">জাভাস্ক্রিপ্টের সাহায্যে সেট করে আবার প্রদর্শন করতে পারেন :

var result_style = document.getElementById('result_tr').style;
result_style.display = 'table-row';

Comments

শান্ত! এটিই আমি খুঁজছিলাম :)

— কুমারী 23

ধন্যবাদ!! আড়াল করা সহজ ছিল, তবে তাদের ফিরিয়ে দেওয়া সমস্যাযুক্ত প্রমাণিত হয়েছিল।

— জেফেরি কেভ 14

এটি টেবিলটির প্রস্থ পরিবর্তন করে, আমি একটি ফিল্টার করছি যেখানে সন্ধান

— বাক্সের

Answer 4

ভেবেছিলাম আমি এটিতে একটি সম্ভাব্য অন্যান্য সমাধান যুক্ত করব:

<tr style='visibility:collapse'><td>stuff</td></tr>

আমি কেবল এটি ক্রোমে পরীক্ষা করেছি তবে <tr>এটি সারিতে লুকিয়ে রাখার পরেও সারির সমস্ত কক্ষ কলামের প্রস্থে অবদান রাখে। আমি মাঝে মাঝে কেবল কিছু স্পেসার দিয়ে একটি টেবিলের নীচে একটি অতিরিক্ত সারি তৈরি করব যা এটিকে নির্দিষ্ট কলামগুলি নির্দিষ্ট প্রস্থের চেয়ে কম হতে পারে না, তারপরে এই পদ্ধতিটি ব্যবহার করে সারিটি আড়াল করুন। (আমি জানি আপনি অন্যান্য সিএসএসের সাথে এটি করতে সক্ষম হবেন বলে মনে করছেন তবে আমি কাজটি করতে পারিনি)

আবার, আমি খাঁটি ক্রোম পরিবেশে আছি তাই অন্যান্য ব্রাউজারগুলিতে এটি কীভাবে কাজ করে তা আমার কোনও ধারণা নেই।

Comments

এটি বেশিরভাগ আধুনিক ব্রাউজারগুলিতে কাজ করে, সাফারিটির উল্লেখযোগ্য ব্যতিক্রম ব্যতীত, যা সারিটি লুকিয়ে রাখার পরিবর্তে হোয়াইটস্পেস সরবরাহ করে: developer.mozilla.org/en-US/docs/Web/CSS/visibility

— অস্কার শোল্টেন

Answer 5

যদি display: none;কাজ না করে তবে সেটিং এর height: 0;বদলে কেমন হয়? Removeণাত্মক মার্জিনের সাথে একযোগে (শীর্ষের এবং নীচের সীমানার উচ্চতা সমান, বা এর চেয়ে বড়, যদি থাকে) আরও উপাদানটি অপসারণ করতে? আমি কল্পনা করি না যে এটি কার্যকর position: absolute; top: 0; left: -4000px;হবে তবে এটি চেষ্টা করার মতো হতে পারে।

আমার অংশ হিসাবে, display: noneসূক্ষ্ম কাজ করে ।

Answer 6

নীচের কয়েকটি লাইন-উচ্চতা যুক্ত করুন: 0 পিক্স; ফন্ট-আকার: 0 পিক্স; উচ্চতা: 0 পিক্স; মার্জিন: 0; প্যাডিং: 0;

আমি ভুলে যাচ্ছি এটি কোনটি করে। আমি মনে করি এটি আই 6 এর জন্য লাইন-উচ্চতা।

Answer 7

আমার একই সমস্যা ছিল, আমি এমনকি প্রতিটি কক্ষে স্টাইল = "প্রদর্শন: কিছুই নয়" যুক্ত করেছি।

শেষ পর্যন্ত আমি এইচটিএমএল মন্তব্য ব্যবহার করেছি <!-- [HTML] -->

Answer 8

আপনি স্টাইল প্রদর্শন ব্যবহার করতে পারেন: লুকানোর জন্য ট্র এর সাথে কোনওটিই নয় এবং এটি সমস্ত ব্রাউজারের সাথে কাজ করবে।

Answer 9

var result_style = document.getElementById('result_tr').style;
result_style.display = '';

আমার জন্য নিখুঁতভাবে কাজ করছে ..

Answer 10

এটি আমার সাথে ঘটেছিল এবং আমি কেন বিস্মিত হয়েছিলাম। তারপরে আমি লক্ষ্য করেছি যে আমি যদি কোনও এনএসপি অপসারণ করি; আমি সারিগুলির মধ্যে ছিলাম, তারপরে সারিগুলির কোনও স্থান নেওয়া হয়নি।

Answer 11

আপনাকে ইনপুট প্রকারটি লুকিয়ে রাখতে হবে, এর সমস্ত ফাংশন কাজ করে তবে এটি পৃষ্ঠায় দৃশ্যমান নয়

<input type="hidden" name="" id="" value="">

যতক্ষণ ইনপুট টাইপ সেট করা থাকে ততক্ষণ আপনি বাকীটি পরিবর্তন করতে পারবেন। শুভকামনা !!

Answer 12

আমার একই সমস্যা ছিল এবং আমি সমস্যাটি সমাধান করেছি। আগের সিএসএস ছিল উপচে পড়া: লুকানো; Z-সূচক: 999999;

আমি এটিকে ওভারফ্লোতে পরিবর্তন করেছি: দৃশ্যমান;

Answer 13

এইচটিএমএল:

<input type="checkbox" id="attraction" checked="checked" onchange="updateMap()">poi.attraction</input>

javascript:

function updateMap() {
     map.setOptions({'styles': getStyles() });
} 

function getStyles() {
    var styles = [];
    for (var i=0; i < types.length; i++) {
      var style = {};
      var type = types[i];
      var enabled = document.getElementById(type).checked;
      style['featureType'] = 'poi.' + type;
      style['elementType'] = 'labels';
      style['stylers'] = [{'visibility' : (enabled ? 'on' : 'off') }];
      styles.push(style);
    }
    return styles;
}

Answer 14

position: absolute এটি লেআউট প্রবাহ থেকে সরিয়ে ফেলবে এবং আপনার সমস্যার সমাধান করতে হবে - উপাদানটি ডিওমে থাকবে তবে অন্যকে প্রভাবিত করবে না।

Comments

fww আমি মনে করি যদি আপনি কোনও নির্দিষ্ট পরিস্থিতিতে কোনও কলামটি আড়াল করতে চান তবে এটি একটি দুর্দান্ত সমাধান। অতিরিক্ত সংযোজনopacity: 0

— গ্রাফো

Answer 15

আপনি সেট করতে পারেন

<table>
  <tr style="visibility: hidden"></tr>
</table> 

Comments

সঙ্গে visibility: hidden;উপাদান এখনও স্থান গ্রহণ করা হবে, যে পার্থক্য visibilityএবং displayবৈশিষ্ট্য

— দিমিত্রি Pashkevich

এটি ব্যবহার করুন<table><tr style="display: none;"><td></td></tr></table>

— সানু