webgridの列と行に幅や高さを設定できません

Question

webgridサブテーブル内の行のサイズを調整しようとしていますが、成功しません。私は、最大の高さを割り当て、その後

.longTextColumn { 
    max-height: 60px; 
    width: 350px; 
    overflow: hidden; 
} 

：私はより広くする必要がありますクラス「longTextColumn」への列の一部を割り当てる

@grid.GetHtml(
      htmlAttributes: new { id = "gridT", width = "700px" }, 
      tableStyle: "webgrid-table", 
      columns: grid.Columns(
        grid.Column("singleUser.RA_Responsible_Person", "RA Responsible Person"), 
        grid.Column("singleUser.Issues_Count", "Issues Count"), 
        grid.Column(header: "Min Deadline", format: (item) => string.Format("{0:dd-MM-yyyy}", item.singleUser.Min_Deadline)), 
        grid.Column(header: "Max Deadline", format: (item) => string.Format("{0:dd-MM-yyyy}", item.singleUser.Max_Deadline)), 

        grid.Column(format: (item) => 
        { 
         WebGrid subGrid = new WebGrid(source: item.Cases, canPage: true, rowsPerPage: 5); 
         return subGrid.GetHtml(
          htmlAttributes: new { id = "subT" }, 
          columns: subGrid.Columns(
            subGrid.Column("Issue_ID", "Issue_ID"), 
            subGrid.Column("Issue", "Issue"), 
            subGrid.Column("Case_Status", "Case_Status"), 
            subGrid.Column("Issued_by", "Issued_by"), 
            subGrid.Column("Issue_Date", "Issue_Date"), 
            subGrid.Column("Issue_Type", "Issue_Type"), 
            subGrid.Column("Server_Name", "Server_Name"), 
            subGrid.Column("DB_Name", "DB_Name"), 
            subGrid.Column("Issue_Desciption", "Issue_Desciption", style: "longTextColumn"), 
            subGrid.Column("RA_Responsible_Person", "RA_Responsible_Person"), 
            subGrid.Column("Reasons_For_Issue", "Reasons_For_Issue", style: "longTextColumn"),... 

：次は私のテーブルの作成スクリプトの始まりです小さなテーブルに収まるように情報が必要なので、メインテーブルのすべての行に移動します。

#gridT tr:nth-child(odd) { 
     background: #eee; 
     max-height: 20px; 
     overflow: hidden; 
    } 

    #gridT tr:nth-child(even) { 
     background: #fff; 
     max-height: 20px; 
     overflow: hidden; 
    } 

もちろん、サイズ定義が単一列では機能しないため、これらのことは機能しません。私はセル内のdivを入れ子にすることで問題を解決していましたが、このコードではどのようにしてこのようにしたくないのですか？誰も私に助言を与えることができますか？

ありがとうございます！

PS：テーブル全体に固定幅を割り当てようとしましたが、それは役に立ちません。 私は競合する最大高さを割り当てているが、どれも行に影響を及ぼさないので、問題ではない。プラス私は他のスタイルの前にスタイルの1つを行い、それは動作しませんでした。

Answer 1

結局のところ私は以前のテスト済みのソリューションに頼っていました.tdセルの周りにdivをラップすることでハッキングしました。非常に効果的で不要です。私はいつか良い人たちが再び私たちの知性に賭け、私たちが自分のコラムでサイズを設定できるようになることを願っています。ここで

は、ソリューションです：

は、クラスを追加しました：

     columns: subGrid.Columns(
            subGrid.Column("Issue_ID", "Issue_ID"), 
            subGrid.Column("Issue", "Issue", style: "long"), ..... 

とスクリプト：

<script> 
     $(".long").each(function() { 
      $(this).wrapInner("<div class='longTextColumn'></div>"); 
     }); 
    </script>