Can't get the DataTable "Functionality"?

Can't get the DataTable "Functionality"?

agitagit Posts: 2Questions: 0Answers: 0
edited October 2012 in General
Hi Team,
For the life of me I cant seam to get the functionality of the datatables to work (column, sorting etc) the search box is there but doesn't filter anything. Spent endless hours trying to get jQuery working in different environments and recently discovered that the order you list the script source makes a difference however no matter what I try I cant get "jQuery tabs" & "Datatables" to work together.
http://agit.co.nz/jqproject/template.html This is the live version

This is my source code, all the links/src are correct as I am using netbeans and pointed to the folders/files using the interface.
[code]<!DOCTYPE html>


The Big Testaroo










$(function() {
$("#pageId").tabs();
});



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





head content goes here





Main Table
Add Something
Modify Something





Rendering engine
Browser
Platform(s)
Engine version
CSS grade




Trident
Internet
Explorer 4.0
Win 95+
4
X


Trident
Internet
Explorer 5.0
Win 95+
5
C


Trident
Internet
Explorer 5.5
Win 95+
5.5
A















&COPY;Copyright AgIT Ltd 2012




[/code]

I'm thinking its probably got something to do with the way the files are listed in the head or the exact versions of them, if I include two different versions of JQuery (the one from jQuery website for Tabs etc, and the one that comes with datatables) I cant get either tabs or tables to work.
Thanks in advance for your help.

Replies

  • allanallan Posts: 63,534Questions: 1Answers: 10,475 Site admin
    Looks like it works to me. I click on a column header and it sorts, filtering works as well. Styling is obviously limited, but the functionality appears to work. Is it not for you?

    Allan
  • DaveGYNWADaveGYNWA Posts: 10Questions: 0Answers: 0
    edited October 2012
    It does indeed work fine....but maybe this is a case of the way it looks throwing you? If so, you're missing the stylesheet for the datatable, and bJQueryUI:true in the datatables initialisation if you want to use the jquery theme to enhance it further.
  • agitagit Posts: 2Questions: 0Answers: 0
    Thanks guys. Gee don't I feel like a nob now lol. Still not sure why I cant always get the jQuery to work though. Maybe I don't hold my tongue right ;)
    cheers
This discussion has been closed.