Question

我可以使用服务器端来创建空单元格，但我希望有一个简化的css / html解决方案。

    val     val  
________________  
    val     val    val     val    val     val    
_____________________________________________
    val     val    val     val    val     val    val     val  
____________________________________________________________  
    val     val    val     val    
______________________________
    val     val    val     val    val     val    val     val   
____________________________________________________________

如果我在tds上使用底部边框，由于缺少单元格，它看起来很不稳定。使用html / css是否有解决方法，或者我应该只在服务器端执行此操作？

为了澄清，我不知道在它输出之前最长的行是什么。

Answer 1

一个（hacky）解决方案是将colspan="100"放在每行的最后<td>上。 Obs。：如果你可以有超过100列，则设置更高的值。

td {
  border-bottom: 1px solid;
}

<table>
  <tr>
    <td>val 1</td>
    <td colspan="100">val 1</td>
  </tr>
  <tr>
    <td colspan="100">val 1</td>
  </tr>
  <tr>
    <td>val 1</td>
    <td>val 1</td>
    <td colspan="100">val 1</td>
  </tr>
  <tr>
    <td>val 1</td>
    <td>val 1</td>
    <td>val 1</td>
    <td>val 1</td>
    <td colspan="100">val 1</td>
  </tr>
</table>

AFAIK所有现代浏览器都可以控制不会炸毁您的页面并正确扩展列。

Answer 2

我没有真正得到你的问题，但是如果你想使用数据/循环或者没有格式化/手动创建html元素的东西你必须使用javascript。它听起来不像是应该在服务器端解决的问题

填充空的html列表

2 个答案: