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"
}
});
}