Problem with layers - .dataTables_wrapper obscuring other elements...

glawrie

On this page, the filter elements 'work', but are not clickable because they are being 'overlayed' by the .dataTables_wrapper item.

See here: http://www.2gc.co.uk/resources-weblinks-table

If you rearrange the page to stop the overlap (e.g. remove the float:left from the first 'span' element in the

allan

Hi glawrie,

There are a number of options here:

1. You could clear the floating checkboxes container using:

[code]
.dataTables_wrapper { clear: both }
[/code]

which will shunt the DataTable (and the filtering input) down a bit to stop the overlap.

2. You could add relative positioning to the checkbox container with:

[code]
#weblinksfilters {
position: relative;
z-index: 2;
}
[/code]

3. You could insert the checkbox toolbar into the DataTables controlled DOM using a technique like this: http://datatables.net/release-datatables/examples/advanced_init/dom_toolbar.html

I'd say option 2 is the easiest :-)

Allan

glawrie

OK - thanks! I did option 2 - works fine.

When I'm feeling brave I might have a go at 3 just to learn how it works... ;)