Www.Free-Learn.Ir
اجرا کن »
<!DOCTYPE html> <html> <head> <script src="files/sort-table.js"></script> <style> table{ width:100%; } table,td,th{ border:2px solid blue; } #myrow{ cursor:pointer; background-color:#f2f2f2; } #myrow:hover{ background-color:yellow; } </style> </head> <body> <table class="js-sort-table" id="demo1"> <thead> <tr id="myrow"> <th class="js-sort-number">ردیف</th> <th class="js-sort-string">نام</th> <th>تاریخ</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>صادق</td> <td>2019</td> </tr> <tr> <td>2</td> <td>علی</td> <td>2008</td> </tr> <tr> <td>3</td> <td>مهسا</td> <td>2001</td> </tr> <tr> <td>4</td> <td>شیما</td> <td>2000</td> </tr> <tr> <td>5</td> <td>ضحی</td> <td>2014</td> </tr> <tr> <td>6</td> <td>مریم</td> <td>2010</td> </tr> </tbody> </table> </body> </html>