日記とか趣味の乙女ゲームとか。
【参考】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>
配布ページから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>
PR
