TAGS: Ingrid | ヘッダ固定 | ソート | テーブル | データグリッド
Ingridは、高機能なデータグリッドjQueryプラグインです。テーブルのヘッダを固定させる、カラムソート、ページングなどの機能があります。

動作環境


◇ 言語:JavaScript(jQuery)
◇ ライセンス:MIT またはGPL

機能・特徴


◇ カラムリサイズ
◇ ページング
◇ ソート
◇ 列・行のスタイリング

サンプル



<script type="text/javascript" src="js/jquery-1.2.js"></script>
<script type="text/javascript" src="js/ingrid.js"></script>

<link rel="stylesheet" href="css/ingrid.css" type="text/css" media="screen" />

<table id="table1"> <thead>   <tr>    <th>列1</th>    <th>列2</th>    <th>列3</th>   </tr> </thead> <tbody>   <tr>    <td>データ11</td>    <td>データ12</td>    <td>データ13</td>   </tr>   <tr>    <td>データ21</td>    <td>データ22</td>    <td>データ23</td>   </tr> </tbody> </table>



JavaScript
<script type="text/javascript">
$(document).ready(
    function() {
        $("#table1").ingrid({ 
            url: 'remote.html',
            height: 350
        });
    }
); 
</script>

.

Sponsored Link


有关作者
Syboos.jp編集長システム設計や開発、保守運営などを行ってます。オープンソース技術に興味があります。

Comments

用户名 (required)

Email (will not be published) (required)

URL

Evaluation