目前一个遇到一个需求,如下图,将数据以表格的样式显示出来
出于提高代码清晰、可维护程度的考虑,使用`div`模拟`table`,
HTML如下
样式上只需要为左边的div加上border-left 和border-top,为右边的div加上border-left,border-top和border-right,同时为最后一行加上border-bottom。所以便需要在模板渲染时为最后一条绑定一个样式来加上border-bottom,代码如下
当然其实也可以为第一行加上一个样式。
目前一个遇到一个需求,如下图,将数据以表格的样式显示出来
出于提高代码清晰、可维护程度的考虑,使用`div`模拟`table`,
HTML如下
样式上只需要为左边的div加上border-left 和border-top,为右边的div加上border-left,border-top和border-right,同时为最后一行加上border-bottom。所以便需要在模板渲染时为最后一条绑定一个样式来加上border-bottom,代码如下
当然其实也可以为第一行加上一个样式。