zoukankan      html  css  js  c++  java
  • 实用的table 布局样式

    一实用的Javascript类库

    作者:alphat 时间: 2006-07-21 文档类型:翻译 来自:蓝色理想

     一个Javascript 的类库,用于table内容排序。使用很方便,不用每次都去调用数据库了。

    特别适合多表查询的排序。加上<tbody>的style.display 切换,也可以实现分页。

    效果演示

    用法:

    1.添加JS

    QUOTE:
    <SCRIPT src="sorttable.js" type="text/javascript"></SCRIPT>

    2.添加TABLE,注意的是:一定要有ID,class为"sortable"

    QUOTE:
    <table class="sortable" id="mytable">

    OK,可以了,简单的吧

    如果觉得太单调,自己加点CSS吧,官方给出了改HEAD的CSS

    QUOTE:
    /* Sortable tables */
    table.sortable a.sortheader {
        background-color:#eee;
        color:#666666;
        font-weight: bold;
        text-decoration: none;
        display: block;
    }
    table.sortable span.sortarrow {
        color:black;
        text-decoration: none;
    }

    JS文件下载

  • 相关阅读:
    HTTP协议
    JavaScript学习(一)
    Cookie&Session
    注解初学
    反射初学
    XML
    Web概念
    Response对象
    Servlet
    LeetCode Notes_#617 Merge Two Binary Trees
  • 原文地址:https://www.cnblogs.com/NetSos/p/1711153.html
Copyright © 2011-2022 走看看