nakunaru/jq_create_table_sample.html

## jq_create_table_sample.html
<html>
<head>
    <title>JQuery Create Table samle</title>

    <script type="text/javascript" src="../htdocs/js/jquery.min.js"></script>

    <style>
        .table{
            border:1px solid #000000;
            border-collapse:collapse;
            border-spacing:0;
            padding:0;
        }
    </style>
</head>
<body>

<div id="tabarea">
</div>

<script language="javascript">

// table create
rows = 5;
cols = 5;

$('#tabarea').append('<table id="tab1" class="table">');

for(i=0; i<rows; i++){
    $('#tabarea > table').append($('<tr>'));
    for(j=0; j<cols; j++){
        $("#tab1 > tbody > tr:last").append($('<td class="table" id="r' + i + 'c' + j + '">').text('r' + i + 'c' + j));
    }
}

// get rows and cells
alert("rows:" + tab1.rows.length);
alert("cells:" + tab1.rows[0].cells.length);

</script>


</body>
</html>
	<html>
	<head>
	<title>JQuery Create Table samle</title>

	<script type="text/javascript" src="../htdocs/js/jquery.min.js"></script>

	<style>
	.table{
	border:1px solid #000000;
	border-collapse:collapse;
	border-spacing:0;
	padding:0;
	}
	</style>
	</head>
	<body>

	<div id="tabarea">
	</div>

	<script language="javascript">

	// table create
	rows = 5;
	cols = 5;

	$('#tabarea').append('<table id="tab1" class="table">');

	for(i=0; i<rows; i++){
	$('#tabarea > table').append($('<tr>'));
	for(j=0; j<cols; j++){
	$("#tab1 > tbody > tr:last").append($('<td class="table" id="r' + i + 'c' + j + '">').text('r' + i + 'c' + j));
	}
	}

	// get rows and cells
	alert("rows:" + tab1.rows.length);
	alert("cells:" + tab1.rows[0].cells.length);

	</script>



	</body>
	</html>