php使用js对表格进行排序

WBOY
풀어 주다: 2016-07-29 09:15:28
원래의
1055명이 탐색했습니다.



    <meta http-equiv="Content-type" c charset="utf-8">
    <title>
<span>sort</span> table</title>
    <style>
        *<span>{
            margin:<span>0px;
            padding:<span>0px;
        }
        body{
            background:<span>#<span>ccc;<span>        }
        table{
            width:<span>350px;
            margin:0<span> auto;
            background-color:<span>#<span>eee;<span>        }
        table th{
            cursor:<span>hand;
            padding:5px 0<span>;
            background-color:<span>#<span>999;<span>        }
        table td{
            background-color:<span>#<span>fff;            font-size:<span>16px;
            font-weight:<span>normal;
            text-align:<span>center;
            line-height:<span>30px;
        }
    </style>
    <script language="javascript">
        <span>function<span> sortCells(type){
            <span>var tbs=document.getElementsByTagName("table")[0<span>];
            <span>var arr=<span>[];
            <span>var arr2=<span>[];
            <span>for(<span>var i=1;i<tbs.rows.length;i++<span>){
                <span>var text=tbs.rows[i].cells[type].<span>innerText;
                arr.<span>push(text);
                arr2[text]=<span>i;
            }
            <span>if(type==0<span>){
                arr.<span>sort(<span>function(a,b){<span>return a-<span>b});
            }<span>else<span>{
                arr.<span>sort<span>();
            }
            <span>var temp=""<span>;

            <span>for(<span>var j=1;j<tbs.rows.length;j++<span>){
                temp=tbs.rows[j].cells[0].<span>innerText;
                tbs.rows[j].cells[0].innerText=tbs.rows[arr2[arr[j-1]]].cells[0].<span>innerText;
                tbs.rows[arr2[arr[j-1]]].cells[0].innerText=<span>temp;

                temp=tbs.rows[j].cells[1].<span>innerText;
                tbs.rows[j].cells[1].innerText=tbs.rows[arr2[arr[j-1]]].cells[1].<span>innerText;
                tbs.rows[arr2[arr[j-1]]].cells[1].innerText=<span>temp;

                temp=tbs.rows[j].cells[2].<span>innerText;
                tbs.rows[j].cells[2].innerText=tbs.rows[arr2[arr[j-1]]].cells[2].<span>innerText;
                tbs.rows[arr2[arr[j-1]]].cells[2].innerText=<span>temp;
<span>//<span>                console.log(arr2);<span>for(<span>var i=1;i<tbs.rows.length;i++<span>){
                    <span>var text=tbs.rows[i].cells[type].<span>innerText;
                    arr2[text]=<span>i;
                }
            }
        }
    </script>


<center>
<span>sort</span> table</center>
로그인 후 복사

以上就介绍了php使用js对表格进行排序,包括了方面的内容,希望对PHP教程有兴趣的朋友有所帮助。

관련 라벨:
lt
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!