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脱衣机
AI Hentai Generator
免费生成ai无尽的。
热门文章
热工具
记事本++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的数据排序和数据分组的
如何查看oracle数据库内容
Apr 19, 2024 am 02:57 AM
查看 Oracle 数据库内容有多种方法：SQL Developer：图形化工具，用于查询、浏览和管理数据库内容。SQL Plus：命令行工具，用于执行 SQL 命令。Toad：商业工具，用于查看、管理和开发数据库。SQL 查询：可以使用 select、where、group by 和 order by 等 SQL 查询来查看特定数据。
Aptos价格预测2024-2030
Mar 20, 2024 am 11:35 AM
截至 2023 年 7 月，尽管市场动荡和持续的熊市趋势，Aptos 仍排名第 35 位。尽管其价值下降，但突破其长期模式可能会导致短期反弹。市场状况将极大地影响 APT 的进展，预计到 2024 年平均价格为 16.6 美元。预计 2025 年的技术进步暗示了 Aptos 的光明未来。
