checkboxes and check dont fit together

MadMax76

HI,

I have the problem, that the chechs are shown above or below the checkbox, but not on it.
Example: http://freigabe.kontura.at/test/Opt2.html

What am I doing wrong?

Thanks
Max

kthorngren

You are using Bootstrap3 to style the page but you aren't using the Datatables Bootstrap 3 integration files. See this doc for more information. See this example of Editor with BS 3. You can use the Download Builder to get the proper files for Bootstrap 3 styling.

Kevin

MadMax76

i did a new download with the builder, and got exactly the sme files again. I also changed the css- and js-files for the bootstrao ones in the header, but I mustr bemissing something still...please have another look.

Thanks
Max

colin

Did you choose BS3 for the styling, see here : https://datatables.net/download/#bs/dt-1.10.24 ?

If so, can you send the link for the download, please, so we can take a look. It'll be in the header of the download files.

Colin

MadMax76

THanks, I did the download again - the layout is quite different, but the checkboxes and checks again dont fit together:
http://freigabe.kontura.at/test/Opt2.html

Thanks
Max

allan

I'm getting a JS error when loading the page:

Uncaught TypeError: $.fn.dataTable is undefined

And the page looks like this:

I'm assuming that isn't expected?

Allan

MadMax76

sorry the bootsstrap-integration kind of killed the site - here
http://freigabe.kontura.at/test/Opt2.html
without bootstrap, checkboxes and check dont hit each other.

Here
http://freigabe.kontura.at/test/Opt_bootstrap.html
with bootstrap, same problem plus there seems to be no minimum-size for the columns.

regards, Max

allan

For your first one use:

table.dataTable.compact tbody td.select-checkbox::before {
  margin-top: -8px;
}

table.dataTable.compact tr.selected td.select-checkbox::after {
  margin-top: -25px;
}

It looks like the font-sizes are causing the defaults to go out of alignment.

Regards,
Allan

MadMax76

thanks, that does the trick!!!!