Split button not working at all

khaos

I think the example @ https://datatables.net/reference/option/buttons.buttons.split may have some errors. If not then I missed something, which is highly likely.

action: function () { ... } },

{
    text: 'High priority',
    action: function () { console.log('High'); }, // Extra curly removed. 
    split: [
        //'pdf', // Missing comma added  
        { text: 'Medium priority', action: function () { console.log('Med'); } },
        { text: 'Low priority', action: function () { console.log('Low'); } }
    ],
},

With the extra curly table will not render.
With the 'pdf' line comma or not the table will not render.

As shown I get the 'High priority' button and it's function fires when clicked but there is no down arrow to show the other two buttons.

Test Case. Using v1.11.5
https://jsfiddle.net/BoozAllen/dv5qujoL/

Debugger link: https://debug.datatables.net/amuyoq

kthorngren

The problem is you are using buttons version 1.6.1. The docs state this feature is available "Since: Buttons 2.0.0". I upgraded your buttons code to show it working:
https://jsfiddle.net/hsfx8ju6/

@allan and @colin will appreciate and fix the type errors you noted.

Kevin

khaos

Thank you. I thought I was getting latest of everything.