标签归档：table
表格排序代码
这里的代码是根据《JavaScript高级程序设计》第12章里面的示例重新整合的，关于Array的sort的用法可以看下《JavaScript高级程序设计》第12章，也可以看下《JavaScript sort()方法》。 下面是详细代码和注释： /** * 表格排序 */ var sortTable = { /** * 转换函数 * 可以将 String 类型的变量转成 Int,Float,Date 的格式 * @param {String} v 原来的值 * @param {String} tp 值类型 int,float,date,默认为 string */ convert:function(v,tp){ switch(tp){ case ‘int’: return parseInt(v); case … 继续阅读
Table的“min-height”属性
今天在制做页面时，需要对table元素里的td设置min-height属性，但怎么设置都没有效果。我想难道是和position属性一样，不能对table元素设置吗？搜索了一下这才恍然大悟，原来对于table元素，如th、td来说，使用height属性就等效于min-height属性了，如果表格内容高度大于所设定的高度值，表格会自己扩大高度以适应内容的。如： td{ height:300px; /* 等效于普通元素的 min-height */ }
给表格的列设置样式
看了《TheBest-Practice Guide to XHTML and CSS》一书，里面提到了个“colgroup”列组的属性，觉得很有用，在这里记一下，以备不时之需。在这里要感谢htmldog给我们免费提供了一本基础详细实用的好书。 虽然table是按行组建的，但你仍然可以通过“colgroup”和“col”两个元素来寻址列或一组列，还能给它们设置属性，比如“class”。 你可以通过“bolgroup”来给一列设置属性，也可以使用“span”来给一组列设置属性，而“span”的用法和“rowspan”、“colspan”的用法是一样的。看下面的实例代码： <table> <caption>Caption</caption> <colgroup> <col /> <col class=”alternative” /> <col span=”2″ class=”alternative” /> </colgroup> <tr> <td>This</td> <td>That</td> <td>The other</td> <td>Lunch</td> <td>Lunch</td> </tr> <tr> <td>Ladybird</td> <td>Locust</td> <td>Lunch</td> <td>Lunch</td> <td>Lunch</td> </tr> </table> 不过目前在colgroup中的样式仅支持borders，backgrounds，width和visibility属性。