How to change the style of the lengthmenu and search box? Thanks

cchung

                $('#tblABC').DataTable({
                    data: JSON.parse(data.d),
                    paging: true,
                    sort: false,
                    searching: true,
                    serverSide: false,
                    lengthMenu: [[10, 25, 50, -1], [10, 25, 50, "All"]],
                    iDisplayLength:10,

cchung

Sorry, I post the question to the title. My question is
How to change the style of the lenthMenu and the Search box? I would like to make them larger and do not attached to the table.
thanks

colin

Hi @cchung ,

To detach them, see this example here.

To make them larger, you could use CSS scale() - see here.

Cheers,

Colin

cchung

Thanks