- 你所在位置:首页
JavaScript
Html
html代码
以横向树方式显示Html表格
- 以横向树方式显示Html表格
-
最近项目中常要画动态的Table,由于HTML表格中纵向合并单元格使用的是rowspan属性,一旦遇到纵向合并单元格的时候就会特别显得特别麻烦。其实我们项目中所画的Table大多都是些树,如果以类似TreeView添加节点的方式来构建Table对象,最后调用重写的ToString方法把整个表格呈现出来应该效果不错,避免了在代码中充斥着大量的td、tr等字符串,影响了代码的可读性及易于维护性。于是我简单得作了个类库分享给大家,希望能够对大家有。
类的结构图如下:
INode接口代码如下,其中最重要就是ToString方法了,它决定了如何呈现树。
1
///< summary>
2
///INode[实现先序遍历]
3
///< /summary>
4
publicinterfaceINode:System.Collections.Generic.IEnumerable< INode>
5
{
6
INodeParent{get;set;}//取得父结点
7
INodeListChilds{
- 与本文主题相关的文章


INodeParent