一个仿Windows UI的html table，兼容IE和firefox

更新时间：2008年11月26日 13:59:17 作者：

兼容IE和firefox的仿Windows UI的html table

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> Windows UI Table </title> <meta name="author" content="DeltaCat@www.zu14.cn" /> <meta name="keywords" content="table, css" /> <meta name="description" content="windows ui table" /> </head> <style type="text/css"> td{font-size:12px;font-family: Verdana,tahoma} .winUI {     margin: 0 auto;     border: solid 1px #d4d0c8; } .winUI tr td, .winUI thead td, tfoot td {     border-left: 1px solid buttonhighlight;     border-top: 1px solid buttonhighlight;     border-bottom: 1px solid buttonshadow;     border-right: 1px solid buttonshadow; } .winUI thead td, tfoot td {     background-color: #ece9d8; cursor: pointer;     padding: 4px;     font-weight: bold; } </style> <body> <table cellpadding="4" cellspacing="0" border="1" class="winUI" width="500px"> <thead>     <td>列标题1 <img src="sortup.gif" width="25" height="11" alt="升序" /></td>     <td>列标题2</td>     <td>列标题3 <img src="sortdown.gif" width="25" height="11" alt="降序" /> </td>     <td>列标题4</td>     <td>列标题5</td> </thead> <tbody> <tr>     <td>test</td>     <td>good</td>     <td>nothing</td>     <td>OK</td>     <td>中文</td> </tr> <tr>     <td>price</td>     <td>ABC.COM</td>     <td>123.98</td>     <td>￥1023.98</td>     <td>嘿嘿</td> </tr> <tr>     <td>product</td>     <td>真有意思</td>     <td>2008-11-23</td>     <td>两只老虎</td>     <td>不是吧</td> </tr> <tr>     <td>a</td>     <td>b</td>     <td>c</td>     <td>d</td>     <td>e</td> </tr> <tr>     <td>1</td>     <td>2</td>     <td>3</td>     <td>4</td>     <td>5</td> </tr> </tbody> <tfoot> <td colspan="5" style="text-align: right">共 5 行</td> </tfoot> </table> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

html
table

实例讲解JavaScript 计时事件
这篇文章主要介绍了JavaScript 计时事件的相关资料，文中示例代码非常详细，帮助大家更好的理解和学习，感兴趣的朋友可以了解下
2020-07-07
javascript中Array数组的迭代方法实例分析
这篇文章主要介绍了javascript中Array数组的迭代方法,实例分析了Array数组的迭代方法定义与使用技巧,需要的朋友可以参考下
2015-02-02
详解JavaScript 中getElementsByName在IE中的注意事项
这篇文章主要介绍了详解JavaScript 中getElementsByName在IE中的注意事项的相关资料,需要的朋友可以参考下
2017-02-02
JavaScript获取页面上某个元素的代码
大多数的javascript操作都需要获取先获取页面上的某个元素，引用其为当前脚本中的一个对象，然后加以操作或获取节点树形。
2011-03-03
JS实现表单全选以及取消全选实例
这篇文章主要为大家详细介绍了JS实现表单全选以及取消全选实例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-03-03
javascript实现禁止复制网页内容
这篇文章主要介绍了javascript实现禁止复制网页内容,需要的朋友可以参考下
2014-12-12
JS小球抛物线轨迹运动的两种实现方法详解
这篇文章主要介绍了JS小球抛物线轨迹运动的两种实现方法,结合实例形式分析了javascript实现小球抛物线运动的相关计算与图形绘制操作技巧,需要的朋友可以参考下
2017-12-12
JavaScript正则验证密码强弱度的实现方法
这篇文章主要介绍了JavaScript正则验证密码强弱度的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-05-05
JS循环中正确使用async、await的姿势分享
async / await是ES7的重要特性之一,也是目前社区里公认的优秀异步解决方案,下面这篇文章主要给大家介绍了关于JS循环中正确使用async、await的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2021-12-12
javascript版2048小游戏
本文给大家分享的是使用javascript制作的2048小游戏的代码，仅仅是想锻炼下自己的编程代码风格，尽量做的规范些，小伙伴们多多给些建议。
2015-03-03