Very basic usage question

Very basic usage question

PhilGPhilG Posts: 8Questions: 0Answers: 0
edited November 2012 in General
I'm currently stuck on the very basic zero configuration example. I've tried making my own tables based on the code presented in the example, but resulting table just appears to be a standard HTML table. I don't get the search box, the sortable headers, etc. This is a screenshot of what I'm getting: https://www.dropbox.com/s/8is7kdtui5c5w0m/BadTable.tiff

The code itself is very simple and I'll attach it to the bottom of this message. I'm sure I'm missing something obvious, but I've been looking at this for the last couple of hours and have made no progress.

Any help would be much appreciated.

Thanks,
Phil


[code]
<!DOCTYPE html>


Mock page

@import "css/demo_table.css";
@import "css/demo_page.css";




$(document).ready(function() {
$('#example').dataTable();
} );








Column 1
Column 2




Data A1
Data B1


Data A2
Data B2




Column 1
Column 2






[/code]

Replies

  • PhilGPhilG Posts: 8Questions: 0Answers: 0
    Sorry, found the problem almost immediately after posting. The script should be jquery.dataTables.js not jquery.dataTable.js.

    Silly silly silly typo!
  • allanallan Posts: 63,535Questions: 1Answers: 10,475 Site admin
    Good to hear you got it going. If you open Firebug or WebKit's Inspector they will give you warnings about 404 errors such as that and any Javascript errors which can be useful for debugging.

    Allan
This discussion has been closed.