Affiche une cellule de tableau de lignes affichant le titre d'une entité particulière. Cette cellule prend l'objet entité comme enfant, ce qui est à son tour compatible avec l'objet entité NerdGraph (nécessitant, au minimum, les champs name
et reporting
). Si vous pouvez être alerté, vous devez également demander alertSeverity
.
Usage
import { EntityTitleTableRowCell } from 'nr1'
Exemples
Basique
function render() { const items = [ { name: 'Login service', guid: 'MTIzNDU2fEZPT3xCQVJ8OTg3NjU0MzIx', alertSeverity: 'CRITICAL', reporting: true, }, ];
return ( <Table items={items}> <TableHeader> <TableHeaderCell>Entity</TableHeaderCell> </TableHeader>
{({ item }) => ( <TableRow> <EntityTitleTableRowCell value={item} /> </TableRow> )} </Table> );}
Avec une valeur ajoutée
function render() { const items = [ { name: 'Login service', guid: 'MTIzNDU2fEZPT3xCQVJ8OTg3NjU0MzIx', alertSeverity: 'CRITICAL', reporting: true, }, ];
return ( <Table items={items} multivalue> <TableHeader> <TableHeaderCell>Entity</TableHeaderCell> </TableHeader>
{({ item }) => ( <TableRow> <EntityTitleTableRowCell value={item} additionalValue={item.guid} /> </TableRow> )} </Table> );}
Accessoires
chaîne | Informations complémentaires sur les données principales de la cellule.Remarque : Pour le moment, ce contenu n'est visible que lorsque la propriété |
chaîne | Ajoute les noms de classe au composant. Doit être utilisé uniquement à des fins de positionnement et d'espacement. |
fonction | Rappel déclenché à chaque fois que l'utilisateur clique sur la cellule. function ( |
objet | Style en ligne pour un style personnalisé. Doit être utilisé uniquement à des fins de positionnement et d'espacement. |
chaîne | Ajoute un attribut Remarque : vous ne verrez peut-être pas l'attribut |
forme|chaîne | Objet d'emplacement ou chaîne d'URL vers laquelle créer un lien. Les cellule.
OBLIGATOIREchaîne
chaîne
chaîne |
OBLIGATOIREforme | Objet entité, qui nécessite (au moins) les champs forme
OBLIGATOIREchaîne
chaîne
OBLIGATOIREbooléen |