Boa tarde, estou com a seguinte situação estou tentando começar a migrar o primefaces mais novo que usa javascript para montar as coisas em vez do JSF antigo, pois bem estou tentando criar um Datatable que seja editável mas não consigo, configuro igual a página que mostra de exemplo no site abaixo:
https://www.primefaces.org/primeui/#datatableEditable
E configuro igual do site e meu Datatable não fica editável alguém sabe o que pode ser?
function preencheTableFuncionarioManual() {
$('#tableFuncionarioManual').puidatatable({
caption: 'Funcionários',
editMode: 'cell',
paginator: {
rows: 10
},
columns : [ {
field : 'atrRegistro',
headerText : 'Registro',
headerStyle: "width:90%",
editor: 'input'
}, {
field : 'atrNomePessoa',
headerText : 'Nome',
headerStyle: "width:90%"
}, {
field : 'atrNomeTurno',
headerText : 'Turno',
headerStyle: "width:90%"
}, {
headerText : 'Excluir',
headerStyle: "width:60%",
content: function (rowData) {
rowDataFuncionarioManualSelecionado = rowData;
return "<button class=\"pui-button ui-widget ui-state-default ui-corner-all pui-button-icon-only\" type=\"button\" aria-disabled=\"false\" onclick=\"excluirFuncionarioManual()\"><span class=\"pui-button-icon-left ui-icon ui-icon-trash\"></span><span class=\"pui-button-text\">pui-button</span></button>";
}
} ],
datasource : listaFuncionarioManual,
cellEdit: function(event, ui) {
debugger;
},
resizableColumns: true,
columnResizeMode: 'expand'
});
}