0

下の表でヘッダーを修正する必要があります。 

<thead>
    <tr >

<td>tjj</td>
    <td>Marketing Phjgjgh </td>
<td>Mhjgjg Program Description </td>
    <td>Markjghjghgram type </td>
<td>CRM CjgjgjFlag </td>
<td>Brajghjjative </td>
<td>Marketijhgjhm Brand </td>
<td>Acjhgjting Program </td>

<td>CRMjgjhype</td>
    <td>Sweejghjhkes</td>
<td>Oldgjjgjivity Bypass</td>

</tr>
</thead>


    <tbody>
    <tr class="alternate1">
<td align="center"></td>
<td>EShjgjARDI</td>
<td>eShojghjmports</td>
<td>4 - Datajgjgjg or gjghjCapture</td>
<td>Y</td>
<td>38 jgjhards</td>
<td>00 jghjhporate</td>
<td>jh</td>
<td>jh</td>
<td>jgh</td>
<td>ghjhg</td>
</tr>

---SNIP-just more rows---

私は多くの解決策を試しましたが、それらは一部のブラウザでしか機能しません。例えば、

thead tr{
position:relative;
top: expression(offsetParent.scrollTop);
}

<meta http-equiv="X-UA-Compatible" content="IE=7,IE=9">IEでのみ機能します。2テーブルの概念も機能しません。

4

1 に答える 1

1

の使用を検討しましたjQgridか? 強くお勧めします。これまでに試したすべてのブラウザで動作し、重要な機能が追加されています。

それをしたくない場合は、レンダリングされたアプローチを使用することをお勧めします。ヘッダー用のテーブルと本文用のテーブルがあります。このアプローチの最大のハードルは、列の幅を一致させることですが、このアプローチはうまく機能し、必要に応じて結果全体のサイズを変更できます。

ここで実際の動作を見ることができます。

于 2012-11-09T13:34:41.943 に答える