সমস্ত কলাম কল্পনা করুন

Question

আমি কীভাবে কোনও tdট্যাগে সমস্ত কলামগুলি ছড়িয়ে দিতে হবে তা উল্লেখ করতে পারি (যখন টেবিলের কলামগুলির সঠিক পরিমাণটি পরিবর্তনশীল / এইচটিএমএল কখন রেন্ডার করা হচ্ছে তা নির্ধারণ করা শক্ত হবে)? ডাব্লু 3 স্কুলগুলিতে আপনি ব্যবহার করতে পারেন উল্লেখ করেছেন colspan="0"তবে ব্রাউজারগুলি সেই মানটি কী সমর্থন করে তা ঠিক বোঝায় না (সমর্থন করার জন্য IE 6 আমাদের তালিকায় রয়েছে)।

এটি প্রদর্শিত হবে যে আপনার যে colspanকলামগুলির তাত্ত্বিক পরিমাণের চেয়ে তত বেশি পরিমাণে table-layoutসেট করা কাজ করবে তবে আপনি সেট করে থাকলে এটি কাজ করবে না fixed। একটি বৃহত সংখ্যার সাথে একটি স্বয়ংক্রিয় বিন্যাস ব্যবহার করার কোনও অসুবিধা আছে colspanকি? এটি করার আরও সঠিক কোনও উপায় আছে কি?

Comments

গৃহীত উত্তরটি এটি কীভাবে করবেন না সে সম্পর্কে এবং এর মনে হয় গুরুতর পারফরম্যান্স / ধারাবাহিকতা ডাউনসাইডস। সুতরাং আমি অনুমান করি উত্তরটি: কলামগুলির সংখ্যাটি হার্ডকোড ode আমি কোন কার্যকর বিকল্প দেখতে পাচ্ছি না।

— অ্যান্ড্রু কোস্টার 19

Answer 1

আমি আইই 7.0, ফায়ারফক্স 3.0 এবং ক্রোম 1.0

একটি টিডির মধ্যে কলস্পান = "0" বৈশিষ্ট্যটি উপরের যে কোনও ব্রাউজারে সমস্ত টিডি জুড়ে বিস্তৃত নয় ।

সম্ভবত যথাযথ মার্কআপ অনুশীলন হিসাবে প্রস্তাবিত নয়, তবে আপনি যদি মোট সম্ভাব্য নম্বর থেকে উচ্চতর কলস্প্যান মান দেন। অন্যান্য সারিতে কলামগুলির পরে, টিডি সমস্ত কলামগুলিকে বিস্তৃত করে।

টেবিল-লেআউট CSS বৈশিষ্ট্য সেট করা থাকলে এটি কাজ করে না।

আবার, এটি নিখুঁত সমাধান নয় তবে টেবিল-বিন্যাস সিএসএস সম্পত্তি স্বয়ংক্রিয় হলে উল্লিখিত 3 ব্রাউজার সংস্করণে কাজ করবে বলে মনে হচ্ছে । আশাকরি এটা সাহায্য করবে.

Comments

আপনি যদি এইচটিএমএল ফায়ারফক্স 3 এর একেবারে শুরুতে কোনও কঠোর ডক্টিপ নির্দিষ্ট করে থাকেন তবে এইচটিএমএল 4.01 স্পেস দ্বারা প্রয়োজনীয় হিসাবে কলস্পান রেন্ডার করুন।

— Eineki

আমি colspan="42"পুরো পরিসীমা বিস্তৃত করার একটি অনুরাগী । স্পষ্টতই এটি> 42 কলামগুলির জন্য একটি সমস্যা, তবে এটি আমি অনুমোদিত কয়েকটি যাদু সংখ্যার মধ্যে একটি।

— মার্টিন কার্নে

আমি আপনাকে সুপারিশ করছি আপনি কলস্পান = <সঠিক সঠিক নম্বর> রাখুন। আমি সবেমাত্র ফায়ারফক্সে একটি বিশাল পারফ বাগটি মেরেছিলাম যা আমাকে সারা দিন ধরে বের করতে লাগল। একটি নির্বিচারে বৃহত কলস্পান সীমান্ত-পতন: পতনের সাথে একটি বড় টেবিলে এফএফকে দমবন্ধ করে দেবে। 800 টি সারি এবং 8 কলাম সহ আমার টেবিলটি রেন্ডার করতে 5 সেকেন্ড সময় নিচ্ছে। ডান কলস্পান দিয়ে এটি যুক্তিসঙ্গত 1 সেকেন্ডে ফিরে আসবে। bugzilla.mozilla.org/show_bug.cgi?id=675417

— ইনফিনিটিস

আমি এই পদ্ধতিটি ব্যবহার না করার পরামর্শ দিচ্ছি। OSX এ ক্রোম থেকে সবেমাত্র খুব অদ্ভুত ফলাফল পেয়েছে (কলামগুলি একে অপরকে ওভারল্যাপ করে)।

— Tzach

Chrome এ থাকা অন্য একটি সমস্যা খুঁজে পাওয়া যায় যদি আপনি টিআর এলিমেন্টকে "ওভারসাইজ" টিডিযুক্ত সীমানা দেওয়ার চেষ্টা করেন, ডান সীমানা দৃশ্যমান হবে না।

— ম্যাসিমো

Answer 2

কেবল এটি ব্যবহার করুন:

colspan="100%"

এটি ফায়ারফক্স 3.6, আই 7 এবং অপেরা 11 এ কাজ করে! (এবং আমি অন্যের উপর অনুমান করি, আমি চেষ্টা করতে পারি না)

---

সতর্কতা: এটি নীচে মন্তব্যে উল্লিখিত হিসাবে আসলে একই colspan="100"। সুতরাং, এই সমাধানটি সিএসএস table-layout: fixed, বা 100 টিরও বেশি কলামের সাথে সারণীগুলির জন্য ভেঙে যাবে ।

Comments

আইই in - আইই ৮, ক্রোম [পিসি এবং ম্যাকে], ফায়ারফক্স ৪.০ [পিসি এবং ম্যাক], সাফারি ৫ [পিসি এবং ম্যাক]

— hndcrftd

এটি এখনও এত অস্পষ্ট কিভাবে? প্রতিটি রাস্তার কোণে এই চিৎকার করা উচিত !!! আমি বেশ কিছুদিন ধরে বিভিন্ন সময়ে এই জঘন্য কলস্পান ইস্যুটির সাথে লড়াই করছি

— hndcrftd

ক্রোম এবং ফায়ারফক্সে, কলস্পান = "3%" হ'ল কলস্পান = "3" এর মতোই পরিচালনা করা হয়।

— zpmorgan

@zpmorgan এবং @Sprog, আপনি ঠিক বলেছেন! colspan="100%"ঠিক মানে colspan="100"।

— নিমোস্টেইন

লোল, আমি অবশেষে এই সমস্যার একটি সামঞ্জস্যপূর্ণ ক্রস ব্রাউজার সমাধান দেখতে পেয়ে খুব খুশি হয়েছিলাম, কেবলমাত্র মন্তব্যগুলির মাধ্যমে এটি জানতে পেরেছিলাম যে এটি সত্যই প্রতারণামূলক নয়, আশানুরূপভাবে প্রত্যাশিত একটি :( আমি মনে করি এটি আরও উন্নয়নের দাবিদার নয়) গৃহীত উত্তরের চেয়ে = /

— ফ্রান্সিসকো

Answer 3

যদি আপনি একটি টাইটেল সেল তৈরি করতে চান যা সমস্ত কলামগুলিকে বিস্তৃত করে, আপনার টেবিলের শিরোনাম হিসাবে, আপনি ক্যাপশন ট্যাগটি ব্যবহার করতে পারেন ( http://www.w3schools.com/tags/tag_caption.asp / https: // developer.mozilla.org/en-US/docs/Web/HTML/Element/caption) এই উপাদানটি এই উদ্দেশ্যে বোঝানো হচ্ছে। এটি একটি ডিভের মতো আচরণ করে, তবে টেবিলের পিতামাতার পুরো প্রস্থকে ছড়িয়ে দেয় না (কোনও ডিভ একই পজিশনে করবে (বাড়িতে এটি চেষ্টা করবেন না!)) পরিবর্তে, এটি দৈর্ঘ্যের প্রস্থকে বিস্তৃত করে টেবিল। সীমানা এবং এর সাথে কিছু ক্রস ব্রাউজার সমস্যা রয়েছে (এটি আমার কাছে গ্রহণযোগ্য ছিল)। যাইহোক, আপনি এটিকে এমন একটি ঘর হিসাবে দেখতে পারেন যা সমস্ত কলামগুলিকে বিস্তৃত করে। এর মধ্যে, আপনি ডিভ-উপাদান যুক্ত করে সারি তৈরি করতে পারেন। আপনি এটি টিআর-উপাদানগুলির মধ্যে sertোকাতে পারবেন কিনা তা আমি নিশ্চিত নই, তবে এটি আমার অনুমান হ্যাক হবে (তাই প্রস্তাবিত নয়)। অন্য বিকল্পটি ভাসমান ডিভগুলি নিয়ে ঘোরাঘুরি করবে, তবে এটি হ'ল!

ডু

<table>
    <caption style="gimme some style!"><!-- Title of table --></caption>
    <thead><!-- ... --></thead>
    <tbody><!-- ... --></tbody>
</table>

না

<div>
    <div style="float: left;/* extra styling /*"><!-- Title of table --></div>
    <table>
        <thead><!-- ... --></thead>
        <tbody><!-- ... --></tbody>
    </table>
    <div style="clear: both"></div>
</div>

Comments

ডেটেবলের নীচে পৃষ্ঠাগুলি নিয়ন্ত্রণ স্থাপন করতে আমি ঠিক কী অনুসন্ধান করছিলাম। এটি পুরোপুরি কাজ করে। আপনাকে অনেক ধন্যবাদ.

— কোমেনকাউ

আপনি যদি কোনও টেবিলের মাঝখানে সমস্ত কলগুলি বিস্তৃত করতে চান তবে এটি কাজ করে না..যে সারিগুলির সম্পর্কিত গ্রুপগুলির মধ্যে বিভাজক দ্বারা গ্রুপ হিসাবে as (ক্রোম)

— ডেভিড হেম্পি

Answer 4

একটি আংশিক উত্তর হিসাবে, এখানে কয়েকটি বিষয় সম্পর্কে colspan="0"উল্লেখ করা হয়েছে, যা প্রশ্নে উল্লেখ করা হয়েছিল।

tl; ডাঃ সংস্করণ:

colspan="0"যে কোনও ব্রাউজারে কাজ করে না। ডাব্লু 3 স্কুলগুলি ভুল (যথারীতি)। এইচটিএমএল 4 বলেছে যে এটি colspan="0"একটি কলামটি পুরো টেবিলটি বিস্তৃত করবে, কিন্তু কেউ এটিকে কার্যকর করেনি এবং এটি HTML 4 এর পরেও স্পেস থেকে সরানো হয়নি।

আরও কিছু বিশদ এবং প্রমাণ:

• সমস্ত বড় ব্রাউজার এটি সমতুল্য হিসাবে বিবেচনা করে colspan="1"।

  এখানে একটি ডেমো এটি দেখাচ্ছে; আপনার পছন্দ মতো যে কোনও ব্রাউজারে এটি ব্যবহার করে দেখুন।

  td {
    border: 1px solid black;
  }

  <table>
    <tr>
      <td>ay</td>
      <td>bee</td>
      <td>see</td>
    </tr>
    <tr>
      <td colspan="0">colspan="0"</td>
    </tr>
    <tr>
      <td colspan="1">colspan="1"</td>
    </tr>
    <tr>
      <td colspan="3">colspan="3"</td>
    </tr>
    <tr>
      <td colspan="1000">colspan="1000"</td>
    </tr>
  </table>

• এইচটিএমএল 4 বৈশিষ্ট (বর্তমানে পুরানো এবং সেকেলে, কিন্তু বর্তমান ফিরে যখন এই প্রশ্ন জিজ্ঞাসা করা হল) হয়নি প্রকৃতপক্ষে বলতে যে colspan="0"সব কলাম spanning হিসাবে গণ্য করা উচিত:

  মান শূন্য ("0") এর অর্থ হ'ল ঘরটি বর্তমান কলাম থেকে কলাম গ্রুপের শেষ কলাম (COLGROUP) পর্যন্ত কলামকে সংজ্ঞায়িত করে এমন সমস্ত কলামকে বিভক্ত করে।

  তবে বেশিরভাগ ব্রাউজার এটি কখনও প্রয়োগ করে না implemented

• এইচটিএমএল 5.0 (২০১২ সালে একজন প্রার্থীর সুপারিশ ফিরিয়ে দিয়েছিলেন), হোয়াটডাব্লু এইচটিএমএল এইচটিএমএল জীবনযাত্রার মান (আজকের প্রভাবশালী মান) এবং সর্বশেষতম ডাব্লু 3 এইচটিএমএল 5 স্পেসের উপরের এইচটিএমএল 4 থেকে উদ্ধৃত শব্দের সংজ্ঞা নেই এবং সর্বসম্মতভাবে সম্মত হন যে colspan0 এর একটি অনুমোদিত নয়, এই শব্দটির সাথে যা তিনটি স্পাকেই দেখা যায়:

  tdএবং thউপাদান একটি থাকতে পারে colspanকন্টেন্ট অ্যাট্রিবিউট নিদিষ্ট, যার মানকে শূন্য থেকে বড় একটি বৈধ অ নেতিবাচক পূর্ণসংখ্যা বড় হওয়া উচিত ...

  সূত্র:

  • https://www.w3.org/TR/html50/tabular-data.html#attributes-common-to-td-and-th-elements
  • https://html.spec.whatwg.org/multipage/tables.html#attributes-common-to-td-and-th-elements
  • https://www.w3.org/TR/html53/tabular-data.html#attributes-common-to-td-and-th-elements

• প্রশ্নের সাথে লিঙ্কযুক্ত ডাব্লু 3 স্কুলগুলি থেকে নিম্নলিখিত দাবিগুলি হ'ল - অন্তত আজকাল - সম্পূর্ণ মিথ্যা:

  শুধুমাত্র ফায়ারফক্স কলস্প্যানকে সমর্থন করে = "0", যার একটি বিশেষ অর্থ রয়েছে ... [এটি] ব্রাউজারকে কলামের গোষ্ঠীটির শেষ কলামে বিভক্ত করতে বলেছে (কলগ্রুপ)

  এবং

  এইচটিএমএল 4.01 এবং এইচটিএমএল 5 এর মধ্যে পার্থক্য

  কোনটিই নয়।

  যদি আপনি ইতিমধ্যে সচেতন না হন যে ডাব্লু 3 স্কুলগুলি প্রায়শই ওয়েব বিকাশকারীদের ঘন ঘন ভুলগুলির জন্য অবজ্ঞার মধ্যে পড়ে থাকে তবে কেন এটি একটি পাঠ বিবেচনা করুন।

Comments

হাহাহা, আমি পছন্দ করি যে দরকারী এপিআই বৈশিষ্ট্যগুলি কেবল যখন পুরোপুরি সরিয়ে ফেলা হয় যখন সেগুলি বাস্তবায়নের জন্য কেউ আসে না। আশ্চর্যজনক প্রক্রিয়া।

— অ্যান্ড্রু কোস্টার

Answer 5

আইই 6 এর জন্য, আপনি আপনার টেবিলের কলামগুলির সংখ্যার সাথে কলস্পানের সমান করতে চান। আপনি 5 কলাম আছে, তাহলে আপনি চাইবেন: colspan="5"।

কারণ হ'ল আই কোলস্প্যানগুলি আলাদাভাবে পরিচালনা করে , এটি এইচটিএমএল ৩.২ স্পেসিফিকেশন ব্যবহার করে:

আইই এইচটিএমএল 3.2 সংজ্ঞা প্রয়োগ করে, এটি সেট colspan=0করে colspan=1।

বাগটি ভালভাবে ডকুমেন্টেড রয়েছে ।

Comments

কলামগুলির পরিমাণ পরিবর্তনশীল হতে পারে, আমি সেই মন্তব্যটি অন্তর্ভুক্ত করতে আমার প্রশ্নটি আপডেট করব।

— বব

শীর্ষ অনুচ্ছেদে পরামর্শটি বোধগম্য মনে হলেও, আমি মনে করি যে এখানে অনেকগুলি বিবরণ যথাযথ নয়। এইচটিএমএল 3.2 বৈশিষ্ট বলছেন যে colspanগুলি করা আবশ্যক ইতিবাচক পূর্ণসংখ্যার, যার ফলে colspan=0অবৈধ; কোথাও এটি স্পষ্টভাবে নির্দেশ দেয় না যে colspan=0হিসাবে পরিচালনা করা উচিত colspan=1(যদিও আমি নিশ্চিত যে এটি আসলে আই 6 6 যা করে)। এছাড়াও, আপনার লিঙ্কযুক্ত ফোরাম পৃষ্ঠায় কোটটি (আর কোনও?) নয় এবং গুগলের বেশিরভাগ অনুসন্ধান ফলাফল (এখন?) প্রায় সম্পূর্ণ আলাদা IE 6 কলস্প্যান সম্পর্কিত বাগ রয়েছে।

— মার্ক অ্যামেরি

Answer 6

আপনি যদি jQuery ব্যবহার করেন (বা এটি যুক্ত করতে কিছু মনে করেন না) তবে এই হ্যাকগুলির যে কোনওটির চেয়ে ভাল কাজটি হবে।

function getMaxColCount($table) {
    var maxCol = 0;

    $table.find('tr').each(function(i,o) {
        var colCount = 0;
        $(o).find('td:not(.maxcols),th:not(.maxcols)').each(function(i,oo) {
            var cc = Number($(oo).attr('colspan'));
            if (cc) {
                colCount += cc;
            } else {
                colCount += 1;
            }
        });
        if(colCount > maxCol) { maxCol = colCount };
    });

    return maxCol;

}

বাস্তবায়নটি সহজ করার জন্য, আমি যে কোনও টিডি / মাকে সাজাইয়া আমার প্রয়োজন যেমন "ম্যাক্সকোল" এর মতো শ্রেণীর সাথে সামঞ্জস্য করা উচিত তবে আমি নিম্নলিখিতটি করতে পারি:

$('td.maxcols, th.maxcols').each(function(i,o) {
    $t = $($(o).parents('table')[0]); $(o).attr('colspan',  getMaxColCount($t));
});

যদি আপনি কোনও বাস্তবায়ন খুঁজে পান তবে এটির জন্য কার্যকর হবে না, উত্তরটি স্ল্যাম করবেন না, মন্তব্যে ব্যাখ্যা করুন এবং আমি এটি আপডেট করতে পারব যদি এটি আবরণ করা যায়।

Comments

আপনার যদি ভ্যানিলা জেএস সংস্করণ থাকে তবে দুর্দান্ত হবে

— jpaugh

আপনার কি সাধারণ ব্যবহারের কেস রয়েছে যাতে $ (নির্বাচক) সমর্থন নেই বা কেবল এটি ব্যবহার করতে চান না?

— রায়নাবাবা

আমরাও। আমি শুধু কৌতূহল করছি যে এখানে jQuery কোনও সুবিধা যুক্ত করে; এটি একটি দুর্দান্ত পূর্বশর্ত এবং এটি এখানে কেবলমাত্র ব্যবহৃত হয় বলে মনে হয়।

— jpaugh

যথেষ্ট ফর্সা। JQuery এবং কৌণিক মধ্যে, এটি বিরল যে আমার কাছে এই সরঞ্জামগুলি নেই তাই আমি তাদের কাছে ডিফল্ট হয়েছি। আপাতত ভ্যানিলা সংস্করণ নিয়ে আসার জন্য আমি এটি অন্য কারও কাছে রেখে দেব।

— রেনাবাবা

যেহেতু jQuery কিছুটা পুরানো হয়ে গেছে আমি একটি এস version সংস্করণ / উত্তর যুক্ত করেছি (সম্পূর্ণ ভিন্ন কোড সহ এই উত্তরটি আপডেট করতে চাইনি)।

— সিজেটি

Answer 7

আর একটি কার্যকরী তবে কুৎসিত সমাধান: colspan="100" যেখানে আপনার প্রয়োজন মোট কলামগুলির চেয়ে 100 টি বড় মান colspan।

ডাব্লু 3 সি অনুসারে colspan="0"বিকল্পটি কেবল COLGROUPট্যাগ সহ বৈধ ।

Comments

কলস্প্যান = "100" (যেমন সীমা ছাড়িয়ে যাওয়ার) কিছু ক্ষেত্রে খুব অদ্ভুত টেবিল রেন্ডারিং করতে পারে (আমি কিছু পরীক্ষার কেসগুলি অনুসন্ধান করার চেষ্টা করব এবং ইউআরএলগুলি পোস্ট করার চেষ্টা করব)

— স্কানলিফ

-1 কারণ আমি যতদূর চূড়ান্ত অনুচ্ছেদে দাবি নির্ধারণ করতে পারি এটি মিথ্যা। এইচটিএমএল 4 পারবেন <td>আছে s colspan="0"(দেখুন w3.org/TR/REC-html40/struct/tables.html#adef-colspan যখন এইচটিএমএল 5.0 অনুমতি দেয় না,) span="0"একটি উপর colgroup(দেখুন w3.org/TR/html50/tabular- ডেটা। এইচটিএমএল # অ্যাটর-কলগ্রুপ-স্প্যান যা দেখায় যে "একটি স্প্যান সামগ্রীর বৈশিষ্ট্য [এর] মানটি শূন্যের চেয়ে বড় বৈধ অ-নেতিবাচক পূর্ণসংখ্যার হতে হবে" " ))

— মার্ক আমেরিকা

Answer 8

নীচে একটি সংক্ষিপ্ত es6 সমাধান রয়েছে ( রেইনবাবার জবাবের সাথে তবে jQuery ছাড়াই)।

Array.from(document.querySelectorAll('[data-colspan-max]')).forEach(td => {
    let table = td;
    while (table && table.nodeName !== 'TABLE') table = table.parentNode;
    td.colSpan = Array.from(table.querySelector('tr').children).reduce((acc, child) => acc + child.colSpan, 0);
});

html {
  font-family: Verdana;
}
tr > * {
  padding: 1rem;
  box-shadow: 0 0 8px gray inset;
}

<table>
<thead>
  <tr>
    <th>Header 1</th>
    <th>Header 2</th>
    <th>Header 3</th>
    <th>Header 4</th>
    <th>Header 5</th>
    <th>Header 6</th>
  </tr>
</thead>
<tbod><tr>
  <td data-colspan-max>td will be set to full width</td>
</tr></tbod>
</table>

Answer 9

কেবল আমার অভিজ্ঞতা যুক্ত করতে এবং এটিতে উত্তর দিতে চাই।
নোট: এটি শুধুমাত্র কাজ করে আপনি একটি প্রাক সংজ্ঞায়িত যখন tableএবং trসঙ্গে th(অ্যাজাক্স মাধ্যমে উদাহরণস্বরূপ) আপনার সারি মধ্যে লোড গুলি, কিন্তু পরিবর্তনশীল।

এই ক্ষেত্রে আপনি thআপনার প্রথম শিরোনামের সারিটিতে থাকা সংখ্যাগুলি গণনা করতে পারেন এবং এটি পুরো কলামটি ছড়িয়ে দিতে ব্যবহার করতে পারেন।

যখন কোনও ফলাফল পাওয়া যায় নি যখন আপনি কোনও বার্তা রিলে করতে চান তখন এটি প্রয়োজন হতে পারে।

JQuery এ এরকম কিছু, tableআপনার ইনপুট টেবিলটি কোথায় :

var trs = $(table).find("tr");
var numberColumns = 999;
if (trs.length === 1) {
    //Assume having one row means that there is a header
    var headerColumns = $(trs).find("th").length;
    if (headerColumns > 0) {
        numberColumns = headerColumns;
    }
}

Comments

এর আগে পোস্ট করা জাভাস্ক্রিপ্ট সমাধানের মতো, এটি ভাল জেনারেল করে না; এর সংখ্যা thঅগত্যা কলামগুলির সংখ্যা নয়, যেহেতু তাদের কোনওটির একটি colspanসেট থাকতে পারে এবং তাই এটি সবার জন্য লিখিত হিসাবে কাজ করবে না।

— মার্ক এমেরি

Answer 10

সম্ভবত আমি একজন সরল চিন্তাবিদ তবে আমি কিছুটা হতবাক, আপনি কি নিজের টেবিলের কলাম নম্বর জানেন না?

যাইহোক, আই 66 কলস্পান সংজ্ঞায়িত বা ছাড়াই কলস্প্যান = "0" কে সম্মান করে না। কলামগুলির গোষ্ঠী উত্পন্ন করতে আমি থাড এবং তমটি ব্যবহার করার চেষ্টা করেছি কিন্তু ব্রাউজারটি কলস্প্যান = "0" ফর্মটি স্বীকৃতি দেয় না।

আমি উইন্ডোজ এবং লিনাক্সে ফায়ারফক্স 3.0 দিয়ে চেষ্টা করেছি এবং এটি কেবল একটি কঠোর ডক্টাইপ দিয়ে কাজ করে।

আপনি বেশ কয়েকটি ধনুকের উপর পরীক্ষা পরীক্ষা করতে পারেন

http://browsershots.org/http://hsivonen.iki.fi/test/wa10/tables/colspan-0.html

আমি এখানে পরীক্ষার পৃষ্ঠাটি পেয়েছি http://hsivonen.iki.fi/test/wa10/tables/colspan-0.html

সম্পাদনা করুন: দয়া করে লিঙ্কটি অনুলিপি করুন এবং পেস্ট করুন, ফর্ম্যাটিংটি লিঙ্কটির ডাবল প্রোটোকল অংশগুলি গ্রহণ করবে না (বা আমি এটি সঠিকভাবে ফর্ম্যাট করতে এত স্মার্ট নই)।

Comments

আমি প্রথম অংশটি সম্পর্কে একমত: আপনি সারি সারি কয়টি কোষে যাবেন তা অবশ্যই আপনি বুঝতে পারবেন? আর কীভাবে আপনি এটি তৈরি করবেন?

— নিক 11

অগত্যা নয়, আমার কাছে একটি এজেএক্স গতিশীল উত্পন্ন টেবিল সহ একটি অ্যাপ্লিকেশন রয়েছে এবং কলামগুলির সংখ্যা কলব্যাক থেকে কলব্যাকে পরিবর্তিত হতে পারে। এছাড়াও, বিকাশকালে আপনি কলামগুলির সংখ্যা "জানতে" পারেন, তবে এটি পরিবর্তন হতে পারে এবং আপনি কেবল জানেন যে আপনি এর মধ্যে

— একটিটি

এছাড়াও আপনি যদি পরে কলামগুলি যুক্ত করেন তবে আপনি কলস্প্যানটি পরিবর্তন করতে ভুলে যেতে পারেন, এটি সর্বদা সর্বোচ্চ to

— অ্যাডাম

Answer 11

স্পেসিফিকেশন অনুযায়ী colspan="0" একটি টেবিল প্রস্থের টিডি হওয়া উচিত।

তবে এটি কেবল সত্য যদি আপনার টেবিলটির প্রস্থ থাকে! একটি সারণীতে বিভিন্ন প্রস্থের সারি থাকতে পারে। সুতরাং, কেবলমাত্র এমন কেসটি যা রেন্ডারার টেবিলটির প্রস্থতাকে জানে যদি আপনি একটি কলগ্রুপ সংজ্ঞায়িত করেন ! অন্যথায়, কলস্পানের ফলাফল = "0" অনির্বাচিত ...

http://www.w3.org/TR/REC-html40/struct/tables.html#adef-colspan

আমি এটি পুরানো ব্রাউজারগুলিতে পরীক্ষা করতে পারছি না, তবে এটি 4.0-এর পরে নির্দিষ্টকরণের অংশ ...

Comments

"এটি ৪.০ থেকে স্পেসিফিকেশনের অংশ" - না, ঠিক নয়। এটি স্পেসিফিকেশনের অংশ ছিল তবে এটি এইচটিএমএল 5 এ সরানো হয়েছিল এবং colspan0 টির মধ্যে একটি অবৈধ করা হয়েছিল। উভয় w3.org/TR/html50/... (এইচটিএমএল 5.0 বৈশিষ্ট) এবং html.spec.whatwg.org/multipage/... (সর্বশেষ WHATWG এইচটিএমএল জীবনযাত্রার মান) বলে যে colspanশূন্য থেকে বড় হওয়া উচিত। এবং এখানে অন্যান্য উত্তরে উল্লিখিত হিসাবে, ব্রাউজারগুলি বাস্তবে কখনও আপনি যে পুরানো এইচটিএমএল 4 আচরণটি উদ্ধৃত করে তা কার্যকর করেনি।

— মার্ক এ Amery

Answer 12

"কলস্প্যান" এর পরিবর্তে "কলস্প্যান" ব্যবহার করে দেখুন। আইটি উটব্যাক সংস্করণ পছন্দ করে ...

Comments

শুধুমাত্র যখন জাভা স্ক্রিপ্ট এবং .setAttribute ('কলস্প্যান', ইনট) এর মাধ্যমে আইই ব্যবহার করছেন এবং সেটিং করবেন; নোট করুন এটি আইই 8-এ স্থির করা হয়েছে (কেবলমাত্র স্টাডস মোডে)

— স্কানলিফ

+1 - আমি এটি জানতাম না এবং এটি একটি বিশাল সহায়তা ছিল! আমি কলস্পেন এমনকি আই 6-তেও কাজ করেছি বলে মনে করি না।

— mwilcox