Boa tarde. Gostaria de saber se alguem já passou pro este problema e como resolveu. Estou utilizando a ferramenta DataTable e em um de seus campos inserindo um autocomplete para quando o usuario entrar neste campo buscar um dataset. Até ai tudo funcionando, porem ao clicar no campo a visualização do autocomplete não se sobrepoe a DataTable , fazendo com que eu não consiga enchegar a barras de pesquisa. Tentei usar o z-Index porem sem sucesso. Alguma ideia.

autocomplete

function ConfigurarFilterProduto(){
    $(document).ready(function () {

        /* Local data */

        /* Instantiated new autocomplete */
        var myAutocomplete = FLUIGC.autocomplete('#'+ NovoProdutoCriado+'', {
            source: substringMatcher(),
            name: 'Produtos',
            tagMaxWidth: 600,
            minLength: 0,
            displayKey: 'A2_NOME',
            tagClass: 'tag-gray',
            type: 'tagAutocomplete'
        });
        localizarFornecedor.on("fluig.autocomplete.selected", function (event) {
            let itemSelecionado = event.item;

            // Salva o RECNO do fornecedor escolhindo no campo hidden
            $("#" + fornecedorInputId).attr('value', itemSelecionado.A2_COD);

        });
    });
}

DataTable

function SetDataTablesFornecedoresPlugin() {
    $('#' + TB_SOLICITACAO_COMPRA).DataTable({
        "responsive" : true,
        "scrollY": true ,
        "scrollX": true ,
        "scrollCollapse":false,
        "paging":false,
        "lengthMenu": [[-1], ["Todos"]],
        "columnDefs": [
                     { width: 300, targets: 3, }
                 ],

        "language": {
            "decimal": ",",
            "thousands": ".",
            "url": "//cdn.datatables.net/plug-ins/1.10.24/i18n/Portuguese-Brasil.json"
        }
    });
}