Pages - Menu

2018年5月29日 星期二

JSP表格排列

電子表單撈出來的程式,

是jsp,但今天要針對表格作排列的話。

一種就是針對資料排列,排完後就直接列印啥都不用管。

看了一下JSP的排列方式,要麻用 treemap 再不然就是用 Vector  然後我都弄不出來。

最後只好改用前端的方式作。

於是 Sort a Table

就這樣直接套用了。


<script>
   //根據單號排序
   var table, rows, switching, i, x, y, shouldSwitch;
   table = document.getElementById("myTable");
   switching = true;
  
   while (switching) {
     switching = false;
     rows = table.getElementsByTagName("TR");
     for (i = 1; i < (rows.length - 1); i++) {
       shouldSwitch = false;
       x = rows[i].getElementsByTagName("TD")[1];
       y = rows[i + 1].getElementsByTagName("TD")[1];

      if (x.innerHTML.toLowerCase() > y.innerHTML.toLowerCase()) {
         shouldSwitch = true;
         break;
       }
     }
     if (shouldSwitch) {
       rows[i].parentNode.insertBefore(rows[i + 1], rows[i]);
       switching = true;
     }
     //console.log('loop');
   }

</script>


x = rows[i].getElementsByTagName("TD")[1];

後面的 [1] 是代表table的第二個column,表格是從0開始

table ID 是  myTable

標題記得改用TH

沒有留言:

張貼留言