php使用js对表格进行排序

WBOY
Libérer: 2016-07-29 09:15:28
original
1055 Les gens l'ont consulté



    <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>
Copier après la connexion

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

Étiquettes associées:
lt
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!