2

DB からのストアド プロシージャがあり、それを Web アプリケーションの WebGrid に変換します。問題は、ストアド プロシージャから取得した列が動的であるため (列の数とそれぞれの名前がわからないことを意味します)、grid.GetHtml() 関数で列変数を指定していないことです。このようなもの：

@grid.GetHtml(fillEmptyRows: false,
        tableStyle: "table table-hover",
        mode: WebGridPagerModes.All,
        firstText: "<< First",
        previousText: "< Back",
        nextText: "Next >",
        lastText: "Last >>"
        )

以上です！

ですから、問題は、1 つの列だけにスタイルを与えるにはどうすればよいかということです。たとえば、少なくとも 1 つの列が「名前」であることがわかっているので、「幅:100px」にしたいので、1 つの列を指定するだけでその列だけを表示してください！皆さんが私を助けてくれることを願っています。前もって感謝します。

4

1 に答える 1

2

Javascript を使用してこれを行うことができます。厳密に WebGrid / CSS を使用してそれを行う方法があるかどうかはわかりません。

最初に、クライアント ID を使用して WebGrid テーブルをレンダリングし、それをターゲットにできるようにします。

 @grid.GetHtml(
     // code here
     htmlAttributes: new { id = "mygrid" }
 )

:containsセレクターで JQuery を使用してスタイルを追加します。

<script>
    // select the column named "Name" and update its width
    var idx = $("#mygrid th:contains('Name')").attr("width", 100);
</script>
于 2012-10-22T19:42:15.820 に答える