Custom Button...
Custom Button...
![sirbilk](https://secure.gravatar.com/avatar/f1209dd9ca3dc10a6b875915ce994a55/?default=https%3A%2F%2Fvanillicon.com%2Ff1209dd9ca3dc10a6b875915ce994a55_200.png&rating=g&size=120)
I'm trying to add a button to the table but following the examples I'm not able to make it appear, the other letters like l and f work. Below is the code, where it adds the letter B in the dom but it doesn't work.
table = $("#dttable-render").DataTable({
"ajax": '/list/',
"columns": colunas,
"order": [],
"dom": "<'dt--top-section'<'row'<'col-12 col-sm-6 d-flex justify-content-sm-start justify-content-center'l><'col-12 col-sm-6 d-flex justify-content-sm-end justify-content-center mt-sm-0 mt-3'fB>>>" +
"<'table-responsive'tr>" +
"<'dt--bottom-section d-sm-flex justify-content-sm-between text-center'<'dt--pages-count mb-sm-0 mb-3'i><'dt--pagination'p>>",
"buttons": [
{
text: 'Incluir',
action: function ( e, dt, node, config ) {
alert( 'Button activated' );
}
}
],
"oLanguage": {
"oPaginate": { "sPrevious": '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg>', "sNext": '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>' },
"sInfo": "Showing page PAGE of PAGES",
"sSearch": '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>',
"sSearchPlaceholder": "Search...",
"sLengthMenu": "Results : MENU",
},
"stripeClasses": [],
"lengthChange": true,
"pageLength": 10,
});
Answers
Your code snippet works here:
https://live.datatables.net/senevubi/1/edit
I suspect you haven't loaded the buttons library. See the Buttons docs for details. Use the Download Builder to get the appropriate files for you BS integration.
If you still need help post a link to your page or a test case replicating the issue so we can help debug.
https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case
Kevin