php使用js对表格进行排序，phpjs表格排序
php使用js对表格进行排序，phpjs表格排序
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-type" content="text/html" charset="utf-8">
<title><span>sort</span> table</title>
<style>
*<span>{
margin</span>:<span>0px;
padding</span>:<span>0px;
}
body{
background</span>:<span>#</span><span>ccc;</span>
<span> }
table{
width</span>:<span>350px;
margin</span>:0<span> auto;
background</span>-color:<span>#</span><span>eee;</span>
<span> }
table th{
cursor</span>:<span>hand;
padding</span>:5px 0<span>;
background</span>-color:<span>#</span><span>999;</span>
<span> }
table td{
background</span>-color:<span>#</span><span>fff;</span>
font-size:<span>16px;
font</span>-weight:<span>normal;
text</span>-align:<span>center;
line</span>-height:<span>30px;
}
</span></style>
<script language="javascript">
<span>function</span><span> sortCells(type){
</span><span>var</span> tbs=document.getElementsByTagName("table")[0<span>];
</span><span>var</span> arr=<span>[];
</span><span>var</span> arr2=<span>[];
</span><span>for</span>(<span>var</span> i=1;i<tbs.rows.length;i++<span>){
</span><span>var</span> text=tbs.rows[i].cells[type].<span>innerText;
arr</span>.<span>push(text);
arr2[text]</span>=<span>i;
}
</span><span>if</span>(type==0<span>){
arr</span>.<span>sort</span>(<span>function</span>(a,b){<span>return</span> a-<span>b});
}</span><span>else</span><span>{
arr</span>.<span>sort</span><span>();
}
</span><span>var</span> temp=""<span>;
</span><span>for</span>(<span>var</span> j=1;j<tbs.rows.length;j++<span>){
temp</span>=tbs.rows[j].cells[0].<span>innerText;
tbs</span>.rows[j].cells[0].innerText=tbs.rows[arr2[arr[j-1]]].cells[0].<span>innerText;
tbs</span>.rows[arr2[arr[j-1]]].cells[0].innerText=<span>temp;
temp</span>=tbs.rows[j].cells[1].<span>innerText;
tbs</span>.rows[j].cells[1].innerText=tbs.rows[arr2[arr[j-1]]].cells[1].<span>innerText;
tbs</span>.rows[arr2[arr[j-1]]].cells[1].innerText=<span>temp;
temp</span>=tbs.rows[j].cells[2].<span>innerText;
tbs</span>.rows[j].cells[2].innerText=tbs.rows[arr2[arr[j-1]]].cells[2].<span>innerText;
tbs</span>.rows[arr2[arr[j-1]]].cells[2].innerText=<span>temp;
</span><span>//</span><span> console.log(arr2);</span>
<span>for</span>(<span>var</span> i=1;i<tbs.rows.length;i++<span>){
</span><span>var</span> text=tbs.rows[i].cells[type].<span>innerText;
arr2[text]</span>=<span>i;
}
}
}
</span></script>
</head>
<body>
<center><span>sort</span> table</center>
<table border="0">
<tr>
<th onclick="sortCells(0);">序号</th>
<th onclick="sortCells(1);">姓名</th>
<th onclick="sortCells(2);">日期</th>
</tr>
<tr>
<td>2</td>
<td>BB</td>
<td>2015-09-12</td>
</tr>
<tr>
<td>3</td>
<td>CC</td>
<td>2015-07-12</td>
</tr>
<tr>
<td>1</td>
<td>AA</td>
<td>2015-09-11</td>
</tr>
<tr>
<td>4</td>
<td>DD</td>
<td>2015-06-12</td>
</tr>
</table>
</body>
</html>
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
如何存取ET文件
Feb 18, 2024 pm 08:46 PM
ET檔案是一種非常常見的檔案格式，它通常是由WPS軟體中的表格編輯器產生的。在接觸ET文件之前，我們可以先了解什麼是ET文件，然後討論如何開啟和編輯它們。 ET檔案是WPS表格軟體的檔案格式，類似MicrosoftExcel中的XLS或XLSX檔案。 WPS表格是一款功能強大的電子表格軟體，提供了類似Excel的功能，可以進行資料處理、資料分析和圖表創建
PHP表單處理：表單資料排序與排名
Aug 09, 2023 pm 06:01 PM
PHP表單處理：表單資料排序與排名在Web開發中，表單是常見的使用者輸入方式。當我們收集到來自使用者的表單資料後，通常需要對這些資料進行處理和分析。本文將介紹如何使用PHP對表單資料進行排序與排名，以便更好地顯示和分析使用者提交的資料。一、表單資料排序當我們收集到使用者提交的表單資料後，可能會發現這些資料的順序不一定符合我們的要求。而對於需要依照特定規則展示或分
如何透過PHP多執行緒提高大規模資料排序的速度
Jun 29, 2023 pm 04:15 PM
如何透過PHP多執行緒提高大規模資料排序的速度隨著網路的高速發展和大數據的普及，對於處理大量資料的需求也越來越大。其中，對於資料排序這個常見問題，如何提高處理速度成為了亟待解決的問題。在PHP領域，多執行緒技術被認為是一種有效的解決方案。本文將介紹如何透過PHP多執行緒提高大規模資料排序的速度。一、多線程的原理多線程是指同時存在多個線程，多個線程可同時執行不
char在mysql中的用處
Apr 27, 2024 am 09:09 AM
CHAR 資料類型在 MySQL 中用於儲存固定長度的文字數據，可確保資料一致性、提高查詢效能。此類型規定了資料長度，介於 0 到 255 個字元之間，長度在建立表格時指定，並且對於同一列的所有行保持不變。對於可變長度的數據，建議使用 VARCHAR 類型。
詳解Java選擇排序演算法的實作方法
Feb 20, 2024 am 10:47 AM
Java選擇排序法程式碼詳解與實作方法選擇排序法（SelectionSort）是一種簡單直覺的排序演算法，它的基本想法是每趟從待排序的資料元素中選出最小（或最大）的一個元素，放在序列的起始位置，直到全部待排序的資料元素排完為止。選擇排序法的主要優點是思想簡單，實現容易，而且不需要額外的儲存空間，因此在一些簡單的排序問題上表現出良好的效能。下面我們詳細解釋選擇
如何透過索引優化PHP與MySQL的資料排序和資料分組的效率？
Oct 15, 2023 pm 04:00 PM
如何透過索引優化PHP與MySQL的資料排序和資料分組的效率？在開發Web應用過程中，經常需要對資料進行排序和分組作業。而對於PHP與MySQL之間的資料排序與資料分組操作，我們可以透過索引來最佳化其效率。索引是一種資料結構，用於提高資料的檢索速度。它可以加快資料的排序、分組以及查找操作。以下我們將介紹如何透過索引來最佳化PHP與MySQL的資料排序和資料分組的
Aptos價格預測2024-2030
Mar 20, 2024 am 11:35 AM
截至 2023 年 7 月，儘管市場動盪和持續的熊市趨勢，Aptos 仍排名第 35 位。儘管其價值下降，但突破其長期模式可能會導致短期反彈。市場狀況將極大地影響 APT 的進展，預計到 2024 年平均價格為 16.6 美元。預計 2025 年的技術進步暗示了 Aptos 的光明未來。
如何查看oracle資料庫內容
Apr 19, 2024 am 02:57 AM
查看 Oracle 資料庫內容有多種方法：SQL Developer：圖形化工具，用於查詢、瀏覽和管理資料庫內容。 SQL Plus：命令列工具，用於執行 SQL 命令。 Toad：商業工具，用於檢視、管理和開發資料庫。 SQL 查詢：可以使用 select、where、group by 和 order by 等 SQL 查詢來查看特定資料。
