BoxReorderer pluging is not working for table layout

Question

BoxReorderer pluging is not working for table layout.

I am trying reoder my compnents in extJS panel. for that I am using "Ext.ux.BoxReorderer". but when i am applying this I am getting this error.

Uncaught TypeError: Cannot read properties of undefined (reading 'table')

Here is my code :

var containerObj = Ext.create("Ext.panel.Panel", {
            plugins: Ext.create("Ext.ux.BoxReorderer"),
            style: '{padding:20px}',
            layout: {
                type: 'table',
                columns: 4,
                
            },
            defaults: {
                style: {
                    padding : '7px'
                },
                labelAlign : 'top',
                width : '180px'

            },
            items: elementData,
        });
    

Any work around for this. How to do reordering of elemnet in extJS table layout.