php使用js对表格进行排序，phpjs表格排序-php手册-PHP中文网

首页

php教程

php手册

php使用js对表格进行排序，phpjs表格排序

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 13, 2016 am 08:54 AM

数据排序

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>

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

如何访问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 类型。

如何通过索引优化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 查询来查看特定数据。

详解Java选择排序算法的实现方法Feb 20, 2024 am 10:47 AM

Java选择排序法代码详解与实现方法选择排序法（SelectionSort）是一种简单直观的排序算法，它的基本思想是每一趟从待排序的数据元素中选出最小（或最大）的一个元素，放在序列的起始位置，直到全部待排序的数据元素排完为止。选择排序法的主要优点是思想简单，实现容易，而且不需要额外的存储空间，因此在一些简单的排序问题上表现出良好的性能。下面我们详细解释选择