脚本宝典收集整理的这篇文章主要介绍了Table相关整理及Javascript操作table,tr,td,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
效果良好的表属性设置:
<table cellSpacing="0" cellPadding="0" border='1' bordercolor="black"
style='border-collapse:collapse;table-layout: fixed'></table>
很多人都有这种
经历:当某个td中没有内容
或者没有可见元素时,td的border也会
消失。解决
方案就是给table添加样式border-collapse:collapse
一般的文字截断(适用于内联与块):
.text-overflow{
dis
play:block;/*内联对象需加*/
width:31em;
word-
break:keep-all;/* 不换行 */
wh
ITe
-space:nowra
p;/* 不换行 */
overflow:hidden;/* 内容超出
宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(
...) ;需与overflow:hidden;一起使用。*/
}
对于表格的话,定义有
一点不一样:
table{
width:30em;
table-layout:fixed;/* 只有定义了表格的布局算法为fixed,下面td的定义才能起作用。 */
}
td{
width:100%;
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/
}
Javascript操作table,tr,td
table.moveRow(m,n)//交换表的行(IE) m和n之间的行依次移动
table.deleteRow(index)//行删除
table.insertRow(index)//在index位置插入行,并返回该TR
tr.insertCell(index)//插入单元格,并返回该TD
tr.deleteCell(index)
tr.rowIndex//返回tr在表中的位置
td.cellIndex //返回td在tr中的位置
脚本宝典总结
以上是脚本宝典为你收集整理的Table相关整理及Javascript操作table,tr,td全部内容,希望文章能够帮你解决Table相关整理及Javascript操作table,tr,td所遇到的问题。
如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。