lengthMenu Dropdown not working

jdadwilson

I have a dataTable with a lengthMenu dropdown that does not work.

The .js dataTable layout is as follows...

layout: {
    topStart:   'pageLength',
    topEnd:     'search',
},
lengthMenu: [ 12, 25, 50, { label: 'All', value: -1 } ],    
                            

I also use a global extend as follows...

    layout: {
        top2:   'alphabetSearch',
        top1:   'paging',
        bottom: 'info'
    },

    paging: {
        type: 'full_numbers'
    },  

    language: {
        paginate: {
            first:      'First',
            previous:   'Prev',
            next:       'Next',
            last:       'Last'
        },
        lengthMenu: 'Display _MENU_ records'
    },

    ordering: false,
    
    pageLength: 12,

    seaching: false,

Everything displays correctly, but the dropdown does not activate.

jdadwilson

jdadwilson

Forgot to include a case link.

jdadwilson

allan

You have:

onmousedown="return false"

on your main tag. It is intercepting and killing the click. Remove it and the select list will work.

Allan