<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>GridXY</title>
<script language="javascript">
<!--
//ウィンドウリサイズ時リãƒãƒ¼ãƒ‰ã™ã‚‹
window.onresize = function () {
document.getElementById('fooGridXYRightHeader').style.width='600px';
document.getElementById('fooGridXYRightBody').style.width='600px';
}
//-->
</script>
</head>
<body>
<!-- TEEDA-295/296ã®å¯¾å¿œå¾…ã¡ -->
<style>
.gridHeader {
background-color: green;
color: white;
font-weight: bold;
overflow: hidden;
}
.gridTable {
background-color: green;
}
.gridCell {
height: 25px;
}
.gridCellEdit {
border-width: 1px;
background-color: #FFC0CB;
}
.row_odd {
background-color: white;
}
.row_even {
background-color: #FFDEAD;
}
</style>
TestGridXY
<form id="gridForm">
<table id="fooGridXY" width="200px" height="100px" border="1">
<colgroup>
<col span="2" class="T_leftFixed" />
<col span="4" />
</colgroup>
<thead>
<tr>
<th>aaa</th>
<th>bbb</th>
<th colspan="2">CCCDDD</th>
<th>eee</th>
<th>fff</th>
</tr>
<tr>
<th>aaa</th>
<th>bbb</th>
<th>ccc</th>
<th>ddd</th>
<th>eee</th>
<th>fff</th>
</tr>
</thead>
<tbody>
<tr>
<td><span id="aaa">aaa</span></td>
<td><span id="bbb">bbb</span></td>
<td><span id="ccc">ccc</span></td>
<td><input type="text" id="ddd" /></td>
<td><span id="eee">eee</span></td>
<td><span id="fff">fff</span></td>
</tr>
</tbody>
</table>
</form>
</body>
</html>