1

WebGrid のヘッダーを一番上に修正しようとしています。そのため、スクロールしてもヘッダーはそのまま残ります。

私はCSSを試しました。そしてJavascriptは成功しませんでした。

また、ほとんどのソリューションでは、各列に既知の幅が必要です。これは Web グリッドであり、列ごとに固定幅はありません。

これを行う適切な方法を知っている人はいますか？

多く/すべてのソリューション、ヘッダーは表と一致していません..

    <script type="text/javascript">
        $(document).ready(function () {
            $("#GridHeader").html("<table>" + $('#gridContent table thead').html() + "</table>");
            $("#GridHeader table tr:first").append("<th style='width:12px;' ></th>");
            $("#GridBody").html("<table>" + $('#gridContent table tbody').html() + "</table>");
            $("#GridFooter").html("<table>" + $('#gridContent table tfoot').html() + "</table>");
            $("#gridContent").hide();
        });


<style type="text/css">
.colWidth { width: 200px;  }
#GridBody{width: 100% ;height:200px; overflow: auto;  }
#GridHeader table {width: 100%;  margin-top: 0px; padding:0px; border-collapse:collapse; } 
#GridFooter  {width: 100% ; }
#GridHeader table th { width: 10%; border: 2px solid black;}
.title td, .title th { width: 10%;  border: 2px solid black;}
#GridBody td { width: 10%;  border: 2px solid black;} 
</style>

<div id="Outer" >
<div id="GridHeader" class="title"></div>
<div id="GridBody"></div>
<div id="GridFooter"></div>
</div>
4

1 に答える 1

0

jquery でフル グリッドのクローンを作成してから、クローンされた要素から tbody を削除し、残りの部分をページの上部に修正します。これは私がこれを行う方法です

于 2013-06-21T11:30:31.240 に答える