solution.md

এটি খুব সহজেই করা যায়, তবে এটি কিছুটা ট্রিকি, এখানে বিস্তারিত আলোচনা করা হল:

let sortedRows = Array.from(table.tBodies[0].rows) // 1
  .sort((rowA, rowB) => rowA.cells[0].innerHTML.localeCompare(rowB.cells[0].innerHTML));

table.tBodies[0].append(...sortedRows); // (3)

এখানে ধাপে ধাপে অ্যালগরিদমটি আলোচনা করা হল:

1. <tbody> হতে সকল <tr> কে নিই।
2. তারপর আমরা <td> কে কম্পেয়ার করব (name ফিল্ডটি অনুযায়ী)।
3. এখন আমরা সঠিক নোড অনুযায়ী তাদের সংযুক্ত করব .append(...sortedRows)।

আমাদের রো এলিমেন্টকে রিমুভ করতে হবে না, শুধুমাত্র "re-insert", স্বয়ংক্রিয়ভাবে পুরনো জায়গা গুলো ঠিক হয়ে যায়।

বি.দ্র. এক্ষেত্রে, table এ <tbody> বিদ্যমান, কিন্তু অনেক সময় <tbody> নাও থাকতে পারে, কিন্তু DOM এ সর্বদা এটি থাকে।