ajouter une classe css à la dernière ligne et supprimer le bouton seulement de la dernière ligne dans slickgrid

Question

J'utilise slickgrid qui contient environ 13 colonnes et affiche des données sous la forme de heirarchy. J'ai inséré un bouton qui apparaîtra sur la troisième colonne de toutes les lignes. Sur ce bouton cliquez, j'essaie d'ouvrir un popup. J'essayais d'ajouter une classe css pour la dernière ligne du slickgrid pour rendre la ligne non éditable. Aussi je veux enlever ce bouton de la dernière rangée. J'ai utilisé le code ci-dessous pour retirer le bouton.

$($('.grid-canvas').children()[data.len-1].children[3]).context.previousSibling. innerHTML = ""; 

Mais lorsque le bouton à bascule est cliqué, ce bouton apparaît dans la dernière ligne et la ligne passe en mode d'édition. Quelqu'un peut-il m'aider s'il vous plaît à résoudre le problème.

Answer 1

Vous devez utiliser le getItemMetaData api et l'ajouter en fonction de votre objet de données (soit le tableau de lignes de données ou Dataview, si vous utilisez slick.dataview.js)

data.getItemMetaData = function(row){ 
    if(row == data.length - 1){ 
     return { cssClasses: 'disable-edits' }; 
    } 
    return {}; 
} 

Consultez examples et regarder en the datview object.