<html>
<head>
<style>
table#border{
border-top:#000 1px solid;
border-left:#000 1px solid;
}
table#border td{
border-bottom:#000 1px solid;
border-right:#000 1px solid;
}
table#border1{
border-left:#000 1px solid;
}
table#border1 td{
border-bottom:#000 1px solid;
border-right:#000 1px solid;
}
</style>
</head>
<body>
<table style="border-collapse:collapse" border="1" bordercolor="#339999" height="60" cellpadding="5" width="60%">
<tr><td>0</td><td>0</td><td>0</td></tr>
<tr><td>0</td><td>0</td><td>0</td></tr>
<tr><td>0</td><td>0</td><td>0</td></tr>
<tr><td>0</td><td>0</td><td>0</td></tr>
<tr><td>0</td><td>0</td><td>0</td></tr>
</table>
<table style="border-collapse:collapse" border="1" bordercolor="#339999" height="60" cellpadding="5" width="60%">
<tr><td>1</td><td>1</td><td>1</td></tr>
<tr><td>1</td><td>1</td><td>1</td></tr>
<tr><td>1</td><td>1</td><td>1</td></tr>
</table>
<table id="border" border="0" cellspacing="0" width="50%">
<tr><td>5</td><td>5</td><td>5</td></tr>
<tr><td>5</td><td>5</td><td>5</td></tr>
<tr><td>5</td><td>5</td><td>5</td></tr>
</table>
<table id="border1" border="0" cellspacing="0" width="50%">
<tr><td>5</td><td>5</td><td>5</td></tr>
<tr><td>5</td><td>5</td><td>5</td></tr>
<tr><td>5</td><td>5</td><td>5</td></tr>
</table>
</body>
</html>
分享到:
相关推荐
本文实例讲述了微信小程序实现的绘制table表格功能。分享给大家供大家参考,具体如下: 表格的绘制 js Page({ data:{ infeed:[', 1周, 2周, 3周, 总计], endwise1: 游泳, tb1:0, tb2:0, tb3:0, tb4:0, endwise2: ...
table表格,让thead固定,tbody有滚动条,关键是都对齐的纯css写法。table表格,让thead固定,tbody有滚动条,关键是都对齐的纯css写法。table表格,让thead固定,tbody有滚动条,关键是都对齐的纯css写法。table...
jQuery Table表格排序显示代码是一款支持分类排序,按数字大小排序,按英文排序等等。
table表格的常用功能 - JQuerytable表格的常用功能 - JQuerytable表格的常用功能 - JQuerytable表格的常用功能 - JQuerytable表格的常用功能 - JQuery
该代码为大家展示了table表格内容上下移动的三种实现方式,通俗易懂
在jsp、html页面中实现table表格按列合并相同数据行单元格代码,可实现功能为:在一个table表格中,合并指定列中所有相同数据相邻行单元格内容。
jquery +jquery.tablesorter+jquery.tablednd_0_5实现table表格可按行拖拽,按列排序,并可以保存排序后的结果
分享一款原生js table表格自动排序效果,个人感觉很好用
使用bootstrap,配合JQ写的关于table表格的显示和折叠效果。点击实现table表格的折叠后,显示+号,再次点击,伸展表格中的内容,并显示-号
以vue组件的方式,实现vue2结合elementui table表格实现列分割,你可以直接将改文件下载下来,然后可以学习span-method方法进行个性化的列分割
table表格固定行和列。。。。。。。。。。。。。。。。。。。。。。。。。。。。
该资源主要应用于layui框架下table表格渲染后判断checkbox多选控件是否可用,当然done下还可以做其他逻辑判定,附上源码,绝对可用。
实现table表格checkbox复选框的全选 反选.
uni-app 表格示例 no-bad-table
table表格的样式标签!包含了css,还有图片! 进来看看吧
jQuery+js 实现Table表格可任意拖动调整列宽度大小 适用于列表页等表头拖动宽度设置,完美兼容IE,FireFox,Google Chrome浏览器。
经过研究,发布我的复杂表格、多维展示的成果,如图: 下面是源码(copy and paste,run 看效果): 访问链接: http://www.idosoft.com.cn/javatech/11.html
利用js技术和css技术实现比较好看使用的table表格,方便用来制作前端页面表格,可供参考学习或直接使用。
Bootstrap Table 表格插件,简单配置便可拥有强大的单选、多选、排序、分页,以及编辑、导出、过滤等等..zip,与一些最广泛使用的css框架集成的扩展表。(支持bootstrap、语义ui、bulma、material design、foundation...
BootStrap-table 表格固定列,固定左侧列以及右侧列,可以固定特定的列,fixedColumns: true, fixedNumber: 2,fixedRightNumber:1,值可以自定义,一定要使用配套(压缩包就是配套的相关文件)的内容,否则会出现一些...