Buttons Collection

Andreas S.

Link to test case:
Is a local dev environment
Debugger code (debug.datatables.net):
Can not upload because i get the following error:
Failed to load resource: the server responded with a status of 500 () [https://debug.datatables.net/remote/submit.php]
Error messages shown:
no error
Description of problem:
I want to collect some buttons with the Button collection. I have a problem, that the collected buttons are not shown (see attached jpg). I tried with js script collection example on this page, but the same result. No collected Buttons works fine.

Any Idea for this problem?

Andreas

tangerine

Link to test case:
Is a local dev environment

Instructions for building a test case are here:
https://datatables.net/forums/discussion/12899/post-test-cases-when-asking-for-help-please-read#latest

Andreas S.

Did not work. If you add the button extension there are a schript error on live.datatables.net.

kthorngren

If you add the button extension there are a schript error on live.datatables.net.

Sounds like you might not have added it correctly. If you need help with this please post a link to the test case. Maybe try using the Download Builder to create the proper set of include files.

Kevin

Andreas S.

http://live.datatables.net/nojomewo/1/edit

Thats the link above. i have only include the Lib. that i use, but in the console is an error: 'Schript error line 0'

Andreas

colin

That's because you're including the Buttons JS file before the main DataTables JS. It's best to use the download builder, as it ensures the dependencies are correct,

Colin

tangerine

You don't appear to be following the instructions.
https://datatables.net/extensions/buttons/

Andreas S.

I think i found the button Problem, but i did not understand, why.
I have the button problem with the this lib. loading:

@import '~datatables.net-dt/css/jquery.dataTables.css';
@import '~datatables.net-bs4/css/dataTables.bootstrap4.css';
@import '~datatables.net-buttons-dt/css/buttons.dataTables.css';
@import '~datatables.net-buttons-bs4/css/buttons.bootstrap4.css';
@import '~datatables.net-rowgroup-dt/css/rowGroup.dataTables.css';
@import '~datatables.net-rowgroup-bs4/css/rowGroup.bootstrap4.css';
@import '~datatables.net-select-dt/css/select.dataTables.css';
@import '~datatables.net-select-bs4/css/select.bootstrap4.css';

node_path + 'datatables.net/js/jquery.dataTables.js',
node_path + 'datatables.net-bs4/js/dataTables.bootstrap4.js',
node_path + 'datatables.net-buttons/js/dataTables.buttons.js',
node_path + 'datatables.net-select/js/dataTables.select.js',
node_path + 'datatables.net-buttons-bs4/js/buttons.bootstrap4.js',
node_path + 'datatables.net-buttons/js/buttons.html5.js',
node_path + 'datatables.net-buttons/js/buttons.colVis.js',
node_path + 'datatables.net-select-bs4/js/select.bootstrap4.js'

if i remove the button.boottrap4 and the select.bootstap4 lib, the dropdown button
works fine.
Is there a problem in the bootstrap librarys?

Andreas

colin

There's a clash with the BS4 and standard libraries. Try removing this one here:

@import '~datatables.net-buttons-dt/css/buttons.dataTables.css';

If you look at this example here, ensure you have the necessary files listed on the Javascript and CSS tabs beneath the table.

Colin

Andreas S.

Yes that is it. May i have some Problems with other buttons in datatables if the standard libraries is not included?

Andreas

colin

The libraries just need to be correct for the styling - that download builder I mentioned before is a good tool to use as it figures all that out for you. If you see those other problems, we're happy to take a look if you can create a test case for them,

Colin