• /
  • EnglishEspañolFrançais日本語한국어Português
  • Se connecterDémarrer

Cette traduction automatique est fournie pour votre commodité.

En cas d'incohérence entre la version anglaise et la version traduite, la version anglaise prévaudra. Veuillez visiter cette page pour plus d'informations.

Créer un problème

EntityTitleTableRowCell

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

additionalValue

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é multivalue est transmise au composant parent Table .

className

chaîne

Ajoute les noms de classe au composant. Doit être utilisé uniquement à des fins de positionnement et d'espacement.

onClick

fonction

Rappel déclenché à chaque fois que l'utilisateur clique sur la cellule.

function (
event: React.MouseEvent
)

style

objet

Style en ligne pour un style personnalisé. Doit être utilisé uniquement à des fins de positionnement et d'espacement.

testId

chaîne

Ajoute un attribut data-test-id. Utilisez-le pour cibler le composant dans les tests unitaires et E2E. Pour qu'un identifiant de test soit valide, préfixez-le avec votre identifiant nerdpack, suivi d'un point. Par exemple, my-nerdpack.some-element.

Remarque : vous ne verrez peut-être pas l'attribut data-test-id car ils sont supprimés du DOM. Pour les déboguer, transmettez un paramètre de requête e2e-test à l'URL.

to

forme|chaîne

Objet d'emplacement ou chaîne d'URL vers laquelle créer un lien. Les TableRowCellliés ne sont pas stylisés et n'afficheront pas d'icônes pour les liens externes. Si le même style que le composant Link est souhaité, utilisez plutôt un Link comme composant enfant dans la

cellule

.

pathname

OBLIGATOIRE
chaîne

search

chaîne

hash

chaîne

value

OBLIGATOIRE
forme

Objet entité, qui nécessite (au moins) les champs name et reporting . Cet objet correspond à la structure utilisateur obtenue à partir de NerdGraph.

forme

name

OBLIGATOIRE
chaîne

alertSeverity

chaîne

reporting

OBLIGATOIRE
booléen

Droits d'auteur © 2025 New Relic Inc.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.