Editor Selectize jumps horizontally to the beginning of the table

transloyd

When an inline editor is opened on Selectize field, the table jumps to the beginning of the table

allan

Hi,

I've tried my load Selectize example to see if this happens and wasn't able to reproduce it. Are you able to give me a link to a page showing the issue please? If that isn't possible, can you show me the code you are using for DataTables and Editor?

Allan

transloyd

let EDITOR = new $.fn.dataTable.Editor({
                        ajax:  {
                            url: '/records/get_records',
                            type: 'POST'
                        }
                        table: self.cfoTable,
                        idSrc: 'id',
                        fields:  [
        /// ....more columns
        {
                name: 'payment_form_cl',
                type: 'selectize',
                options: [
                    {
                        label: 'б\\н с НДС', value: 'б\\н с НДС'
                    }, {
                        label: 'б\\н без НДС', value: 'б\\н без НДС'
                    }, {
                        label: 'б\\н с 0%НДС', value: 'б\\н с 0%НДС'
                    }, {
                        label: 'Нал', value: 'Нал'
                    }, {
                        label: 'Софт', value: 'Софт'
                    }
                ]
            }
        /// ....more columns
    ]
                    });

$(self.cfoTable).DataTable({
    serverSide: true,
    processing: true,

    dom: 'r<"main_table"<<"table_header clearfix"lB<"calculation_errors">><t><"table_footer clearfix"ip>>>',
    scrollY: tableHeight,
    scrollX: true,
    stateSave: true,
    lengthMenu: [20, 30, 40, 50, 60, 100],
    select: true,
    autoWidth: true,
    ajax:  {
        url: '/records/get_records',
        type: 'POST'
    },
    keys: {
        editor: EDITOR,
        editAutoSelect: false,
        editorKeys: 'tab-only'
    },
    columns: [
        /// ....more columns
        { data: 'payment_form_cl', name: 'payment_form_cl', className: 'block-z' }
        /// ....more columns
    ],
    language: LanguageOptions
});

 $(self.cfoTable).on( 'dblclick ', 'tbody td:not(:first-child)', function (e) {
      EDITOR.inline(this);
} );

ihuangmx

I use the 'radio' type and encountered the same problem，and I also try the selectize type and has the same problem

https://datatables.net/forums/discussion/53972/inline-editor-radio-type-will-jump-to-unexpected-position-when-start-edit-or-select#latest

allan

@ihuangmx - I've posted a reply in your other thread.