プログラマーひまうさの雑記メモ的なもの巨大なテーブルを見やすくする技（てか、JS）

プログラマーひまうさの雑記メモ的なもの

プログラムとちょっとショップとかの紹介とか、いろいろと載せておきます。

[1169] [1164] [1162] [1161] [1160] [1159] [1158] [1156] [1155] [1154] [1150]

[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

【2024/05/17 03:57 】

CATEGORY[]

巨大なテーブルを見やすくする技（てか、JS）

【参考】tableの行と列を固定してスクロール！！Super Tables

配布ページからDLして、
テーブルを表示したいページのヘッダに以下を記述する。
<head>
<link rel="stylesheet" href="superTables.css" type="text/css" />
<style type="text/css">
.fakeContainer { /* The parent container */
    margin: 0 0 20px;
    border: none;
    width: 1000px; /* Required to set */
    height: 520px; /* Required to set */
    overflow: hidden; /* Required to set */
}
</style>
</head>

次に、これを使いたいテーブルを<div>で囲む。

<div class="fakeContainer">
<table id="demoTableA">
：
</table>
</div>

最後に、</body>を書く前に、以下を記述する。

<script type="text/javascript" src="superTables.js"></script>
<script type="text/javascript">
//<![CDATA[
(function () {
    new superTable("demoTableA", {
        cssSkin : "sDefault",
        headerRows : 0,　// ヘッダー行
        fixedCols : 2          // タイトル列
    });
})();
//]]>
</script>

【2010/01/07 16:03 】

CATEGORY[PG]

COMMENT[2]