一个仿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

在web中js实现类似excel的表格控件
这篇文章主要介绍了如何在web中实现类似excel的表格控件,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-09-09
JS函数this的用法实例分析
这篇文章主要介绍了JS函数this的用法,实例分析了javascript中this的功能、定义及相关使用技巧,需要的朋友可以参考下
2015-02-02
java与javascript之间json格式数据互转介绍
对象转为字符串：通过JSON.encode方法，这个是json.js里面的方法，引入到当前文件就可以了，下面整理的比较详细一点，感兴趣的朋友不要错过
2013-10-10
微信小程序购物车、父子组件传值及calc的注意事项总结
这篇文章主要给大家介绍了关于微信小程序购物车、父子组件传值及calc的注意事项的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2018-11-11
JS返回上一页实例代码通过图片和按钮分别实现
返回上一页的方法有很多，本代码通过图片和按钮分别实现，感兴趣的朋友可以参考下，希望对大家有所帮助
2013-08-08
JavaScript数组push方法使用注意事项
push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。这篇文章主要介绍了JavaScript数组push方法使用注意,需要的朋友可以参考下
2017-10-10
Javascript操纵Cookie实现购物车程序
Javascript操纵Cookie实现购物车程序...
2006-11-11
在js代码拼接dom对象到页面上去的模板总结(必看)
下面小编就为大家带来一篇在js代码拼接dom对象到页面上去的模板总结(必看)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-02-02
100个不能错过的实用JS自定义函数
本文收集了100个原生态JavaScript编写的常用、实用自定义函数,需要的朋友可以参考下
2014-03-03
JS中filter( )数组过滤器的使用
这篇文章主要介绍了filter() 数组过滤的使用方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-11-11

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具