TableRow

actions

forme[]

Définit un ensemble d'actions qui apparaîtront lorsque l'utilisateur survolera la ligne. Les actions ont un texte obligatoire et un rappel onClick (qui sera appelé avec l'élément et l'index de la ligne à laquelle elles appartiennent), et elles acceptent également une propriété désactivée.

forme

disabled

booléen

label

OBLIGATOIRE

chaîne

onClick

OBLIGATOIRE

fonction

testId

chaîne

type

énum.

• Normal — action générique non critique.

• Destructeur — à utiliser lorsque vous avez une action destructrice comme supprimer ou retirer, que vous souhaitez que l'utilisateur interrompe et considère avant de terminer.

  <One of

  TableRow.ACTION_TYPE.DESTRUCTIVE, TableRow.ACTION_TYPE.NORMAL,

  >

  const actions = [
    {
      label: 'Duplicate',
      type: TableRow.ACTION_TYPE.NORMAL,
    },
    {
      label: 'Delete',
      type: TableRow.ACTION_TYPE.DESTRUCTIVE,
    },
  ];

  Copier

  const actions = [
    {
      label: 'Action 1',
      disabled: true,
      onClick: (evt, { item, index }) => {
        alert(`Action 1:Item: ${index}${JSON.stringify(item, null, 2)}`);
      },
    },
    {
      label: 'Action 2',
      onClick: (evt, { item, index }) => {
        alert(`Action 2:Item: ${index}${JSON.stringify(item, null, 2)}`);
      },
    },
  ];

  Copier

children

OBLIGATOIRE

nœud

Liste de cellules de ligne, sous la forme de <TableRowCell>s. Les cellules doivent être des enfants directs de la ligne, c'est-à-dire qu'il ne doit y avoir aucun nœud entre <TableRow> et <TableRowCell> .

onClick

fonction

Rappel déclenché à chaque fois que l'utilisateur clique sur la ligne du tableau.