JavaScript Forum

**Brian07002** · 09-26-2011, 09:17 AM

Hi,

Can someone help me get a basic datatable to function?

For the life of me, I can't get this code working at all. Coding has been by far having it's way with me...For at least the past 6 months

Ok, anyway...Here's the code I have on my page:

HTML Code:

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>          

<script type="text/javascript">

$(document).ready(function() {
$('#test').dataTable( {
"sPaginationType": "full_numbers"
} );

</script>



</head>

<table id="test">

<thead>
		<tr>
			<th>Column 1</th>
			<th>Column 2</th>
			<th>Column 3</th>
		</tr>
</thead>

<tbody>
		<tr>
			<td>Row 1</td>
		</tr>
		
                <tr>
			<td>Row 2</td>
		
		</tr>

                <tr>
			<td>Row 3</td>
		
		</tr>

</tbody>
</table>

The output I am getting is on this page: http://reunitemysite.com/datatables/datatables.html

Thanks again!

**PaulW** · 09-26-2011, 01:30 PM

Not sure I'm understanding the full problem but the basic HTML is wrong. You have three TH's so there should be three TD's per row (in the absence of colspans).

**Brian07002** · 09-26-2011, 02:37 PM

Quote:

Originally Posted by PaulW

Not sure I'm understanding the full problem but the basic HTML is wrong. You have three TH's so there should be three TD's per row (in the absence of colspans).

Not according to this page:
http://www.datatables.net/usage/

**chrishirst** · 02:55 PM

Quote:

Originally Posted by Brian07002

Not according to this page:
http://www.datatables.net/usage/

Their example has three th elements per row AND three td elements per row.

A th element is a tablular column heading cell and a td is a tabular column data cell, so there should be an matching number of th & td elements per row.

**Brian07002** · 09-26-2011, 03:08 PM

Quote:

Originally Posted by chrishirst

Their example has three th elements per row AND three td elements per row.

I just copied and pasted their exact code on the usage page into my page, and don't get the jquery output. Any ideas?

**chrishirst** · 09-26-2011, 04:23 PM

No idea, never used jquery, never likely to.

**PaulW** · 10:00 PM

Quote:

Originally Posted by Brian07002

Not according to this page:
http://www.datatables.net/usage/

That page says " the HTML for the target table must be laid out in a well formed manner " - I refer you to the answer I gave earlier! "Well formed" means syntactically correct.

The code you're trying to use essentially just puts data into corresponding slots. It requires the data to be laid out with the same grid pattern that the table has (or vice versa to be strictly accuarate).