c# - asp.mvc 3ビューでのhtmlテーブルのtd/tr表示要素のスタイリング

Question

ASP.NET MVC 3 プロジェクトからのビューに対してこれを行っています。行、列、およびそれらに関連付けられたデータがデータベースに記録され、テーブルごとに異なるため、実行時にテーブルを作成しています。下の図では、何を変更する必要があるかについての基本的なアイデアを得ることができます。

表の末尾に続く境界線は、表に<div>定義されている高さと幅と同じタグの境界線です。

ただし、解決したい問題がいくつかあります。

• テーブルの幅が想定よりも大きくなる
• 要素の中には、十分なスペースがある場合でも 2 行を取るものがあります (最初の行alabalaは上yesにあり、次の<td>blabla はテキスト ボックスと同じ行にあります。
• たぶん、これは私が上で指摘したことを要約したものです-行ごとにいくつの要素があっても、テーブルのサイズを維持したいのですが、テキストボックスの前のテキストをテキストボックス自体と同じ行に表示したい.

私は HTML と CSS の両方の経験がかなり乏しいので、何が可能で何が不可能なのかわからないので、希望する出力を正確に達成できない場合は、素敵なテーブル ビューの受け入れ可能な解決策を自由に提案してください。

PS

これは私が実際に作成する方法です<td>..</td>:

sb.Append("<td>" + innerArray[a][0].QuestionText +
          "<input type='textbox' style='border: 1px solid red' value=" +
          innerArray[a][0].FieldValue + "></td>");

どこ ：System.Text.StringBuilder sb = new System.Text.StringBuilder();