چگونه یک جدول را در html مرتب سازی کنیم؟

[سیدرضا بازیار]

من یه جدول در html ساختم که 2 سطر داره و 10 ستون

حالا میخوام بر اسال سطر دوم که همگی عدد هستند، به صورت نزولی از کوچک ترین عدد به بزرگترین عدد مرتب سازی بشه

راه حل چیه؟

عدد ها ممکنه در هر ثانیه تغیییر کنند. به همین دلیل میخوام به صورت خودکار از کوچک ترین عدد به بزرگترین عدد مرتب سازی بشه



نام اول
34


نام دوم
50


نام سوم
3


نام چهارم
9


نام پنجم
42


نام ششم
13


نام هفتم
24


نام هشتم
10


نام نهم
11


نام دهم
0



نمونه جدول: (برای مثال)
http://codepen.io/AllThingsSmitty/pen/MyqmdM

[Iranicaserver]

اینجا رو ببین کارت رو راه میندازه فکر کنم

http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_sort2

[سیدرضا بازیار]

اینجا رو ببین کارت رو راه میندازه فکر کنم

http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_sort2

میشه باهاش کاری کرد که به صورت پیشفرض این کار رو انجام بده و دیگه نیازی به کلیک کردن نباشه؟

- - - Updated - - -

http://codepen.io/jakestuts/pen/tGpju/

در این لینک یه جدول هست
میخوام که از حالت sortable خارج بشه و فقط ردیف Rank بر اساس صعودی (به صورت خودکار و بدون نیاز به کلیک) مرتب شده باشه

لینک دانلود جدول:
http://blog.teamtreehouse.com/wp-content/uploads/2013/10/sortable-tabular-data-source.zip

[Iranicaserver]

با سلام اینو جایگزین کد جاوا کنی دیگه کاری به دکمه نداره





var points = [40, 100, 1, 5, 25, 10];
document.getElementById("demo").innerHTML = points;
points.sort(function(a, b){return a-b});
document.getElementById("demo").innerHTML = points;





فقط می مونه عدد ها که باید عدد های خودتو درون تابع بزاری که اگر تعغیر کرد دیگه نیاز به دستی کارکردن نداشته باشی
مثلا اگر کدهات پی اچ پی هست و می خوای عدد ها رو توی تابع بزاری اینجوری میشه

var points = [$num1, $num2, $num3, $num4, $num5, $num6];

[سیدرضا بازیار]

با سلام اینو جایگزین کد جاوا کنی دیگه کاری به دکمه نداره





var points = [40, 100, 1, 5, 25, 10];
document.getElementById("demo").innerHTML = points;
points.sort(function(a, b){return a-b});
document.getElementById("demo").innerHTML = points;





فقط می مونه عدد ها که باید عدد های خودتو درون تابع بزاری که اگر تعغیر کرد دیگه نیاز به دستی کارکردن نداشته باشی
مثلا اگر کدهات پی اچ پی هست و می خوای عدد ها رو توی تابع بزاری اینجوری میشه

var points = [$num1, $num2, $num3, $num4, $num5, $num6];



الان به صورت پیشفرض مرتب شده. اما دوتا مشکل هست:
۱- چطوری یه جدول بگم که بر اساس این مرتب بشه؟
۲- هر جا که آی دی demo فراخوانی بشه، همه این اعداد پشت سر هم قرار میگیرن. اما من میخوام به ترتیب در خانه های جدول مرتب بشن