#tabletools

[esgarsounds]

@djrolirho - Adobo Breaks #tabletools #scratchrecord https://www.instagram.com/p/CFnA8kiAh9o/?igshid=ylnjc8fzec5h

[iksela]

Using JQuery UI Tabs and DataTables TableTools

When using TableTools with DataTables, I found out that flash buttons wouldn't work if the table was hidden at initialisation time.

Allan Jardine provided a fix in the latest nightly in the form of new API functions.

Here's how I did it:

When a tab is shown, we iterate through all the TableTools instances and check if a resize is needed, if it is, we do it!

[iksela]

Display TableTools buttons as JQueryUI buttons with an icon

TableTools provides a JQueryUI compatibility. However, I found it limited, in the way that standard JUI buttons look better and can embed an icon.

How to achieve this? First we need to define a custom function:

We then use the fnInit function to call this function, passing the "ui-icon-print" as a parameter:

That's it!

[iksela]

Customising DataTables TableTools print view

The newest release (2.0.0) of TableTools for DataTables introduces a print view, which I immediately thought to be very useful.

Problem is, the default view is not necessarily satisfactory, and one might want to customise the output a bit.

Let's get down to business!

First we need to create the print CSS, it will overload some styles in print and print view:

Then we edit our html file:

Finally, the initialisation for our datatable:

As you will have understood, the fnClick function is the place to add all your other customisation during the print view. Don't forget to clean it up!