Help Using Bootstrap stylization example with Server-Side Processing.

callahan09

Hello,
I am new to web programming, so everything is very new to me and a little confusing.

I have figured out how to use DataTables Server-Side Processing w/ a couple of neat plug-ins (column filtering and column show/hide, and I've also managed to get thumbnail images displayed in my table to work with FancyBox). My data is stored in a MySQL database on my web server. I also made local copies of all the css, js, and php files I've used so all such files are linked to copies on my server, not exterior files.

There are more features I want to implement in table functionality, but for now I've been sidetracked by stylizing the table so it looks prettier.

I am completely stuck. I am awful at graphic design and visualization and so forth, so I am more or less just trying to recreate what I've seen in examples, but it isn't working.

I think my favorite is the Bootstrap example found here: http://www.datatables.net/blog/Twitter_Bootstrap

I can recreate it using a normal DOM table, but I can't get it to work with my Server-Side Processing table.

My table, working but without this styling, is here: http://collection.callahan09.com/comics

I took the example page and just made the slight adjustments necessary to implement the server-side processing with my AJAX source (so, without all the plug-ins and other things going on with my actual implementation at the URL above). It still didn't work. So I put that code into the bin and ran debugger on it. Here are those sources:

http://live.datatables.net/uweciy/edit#source
http://debug.datatables.net/uzuran

I have no idea what the debugger does, admittedly, but it was requested in the "How to ask for help" that I add that, so there it is.

If you have any questions you need me to answer to get more information on how to help me solve this issue, please ask. I thank you in advance for any help you can give me on this.

allan

Welcome to the DataTables forums :-)

The debugger lets me see how you initial a DataTable, which is useful if you can't link me to a page with the table (for example its on an Intranet etc). However, in this case its showing '0' tables, presumably because the table you are trying to use is failing to initialise.

Looking at your 'live' code (thanks for that) you've got a syntax error at the end of the "sAjaxSource" line - missing a semi-colon which isn't going to help. I'd suggest you have a look at your browser's Javascript console as this will show that kind of syntax error straight away :-)

Allan

callahan09

I do thank you for your response. I am new to javascript and all this code is a little deep for me right now, so I wasn't able to figure out how to fix it. I've decided to give up on Bootstrap styling for the moment and continue to focus on getting the table to function the way I want it, and then think about styling again after functionality is 100% in place. Thanks again for building DataTables and continuing to do a wonderful service of helping people use it.