Semantic-UI (Export to Excel along with Showing records per page issue)

I am using this and its really cool,``https://datatables.net/extensions/buttons/examples/styling/semanticui.html using below code for semantic ui

$(document).ready(function() {
    var table = $('#example').DataTable( {
        lengthChange: false,
        buttons: [ 'copy', 'excel', 'pdf', 'colvis' ]
    } );

    table.buttons().container()
        .appendTo( $('div.eight.column:eq(0)', table.table().container()) );
} );

But when I show export buttons , showing option hide.

if i make lengthChange: false, than buttons move to 2nd line. although its shows showing per page and export on same time.

Please support as i cannot use dom with sematicn ui settings.

Edited by Allan - Syntax highlighting. Details on how to highlight code using markdown can be found in this guide.