空のhtml列テーブルを入力してください

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

解決策は、各行の最後の<td>にcolspan="100"を入れることです。あなたが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>

私の知る限り、すべての近代的なブラウザでは、あなたのページを爆破し、適切に列を拡大しないように制御することができます。

Answer 2

私は本当にあなたの質問を得ていませんでしたが、データ/ループや書式設定/手動でhtml要素を作成していないもので作業する場合は、javascriptを使用する必要があります。サーバサイドで解決すべき問題のようには聞こえません