web-dev-qa-db-fra.com

table html slack webhook

J'ai une table HTML que j'essaye de poster pour relâcher via webhook. Existe-t-il un moyen de poster une table HTML pour relâcher? Ci-dessous le code html -

<!DOCTYPE html>
<html>
<head>
<title>HTML Tables</title>
</head>
<body>
<table border="1">
<tr>
<td>Row 1, Column 1</td>
<td>Row 1, Column 2</td>
</tr>
<tr>
<td>Row 2, Column 1</td>
<td>Row 2, Column 2</td>
</tr>
</table>
</body>
</html>
28
Punter Vicky

Non, je ne crois pas qu'il soit possible de dessiner une table dans un message Slack.

Voici d'autres options disponibles pour formater les messages Slack: https://api.slack.com/docs/formatting .

28
smarx

J'ai ouvert un ticket au support Slack demandant si le message Incoming Webhook de Slack prend en charge les tableaux de toute forme (HTML ou Markdown).

La réponse officielle est que Les messages slack ne prennent pas en charge les tableaux .

Ils suggèrent de générer un tableau et de l'afficher sous forme d'image.

Ils ont également dit qu'ils ajouteraient cela à leur arriéré.

35
Sahar Menashe

Ce n'est pas une table html en particulier, mais vous pouvez utiliser un paquet tel que console.table pour imprimer les données de votre table dans une variable chaîne. Ensuite, utilisez triple backticks pour ajouter votre table dans le champ de texte de votre message. Par exemple:

const cTable = require('console.table');
const table = cTable.getTable([
  {
    name: 'foo',
    age: 10
  }, {
    name: 'bar',
    age: 20
  }
]);

et ensuite, dans le cadre de la pièce jointe de votre message:

const attachmentList = {
        "title": "YOUR TITLE",
        "text": 'HERE IS YOUR TABLE: : \n ```'+table+'```',
    }
13
Nima

Vous pouvez maintenant créer de simples tables à deux colonnes en utilisant les "champs" bloc de disposition .

Vous pouvez faire un tableau à deux colonnes:

[
   {
        "type": "section",
        "fields": [
            {
                "type": "mrkdwn",
                "text": "*Name*"
            },
            {
                "type": "mrkdwn",
                "text": "*Email*"
            },
            {
                "type": "plain_text",
                "text": "Jeff Henderson",
                "emoji": true
            },
            {
                "type": "mrkdwn",
                "text": "[email protected]"
            },
            {
                "type": "plain_text",
                "text": "Anne Polin",
                "emoji": true
            },
            {
                "type": "mrkdwn",
                "text": "[email protected]"
            }

        ]
    }
]

Te donner:

enter image description here

Ou allez le style de terrain:

[
    {
        "type": "section",
        "fields": [
            {
                "type": "plain_text",
                "text": "Name",
                "emoji": true
            },
            {
                "type": "mrkdwn",
                "text": "*Jeff Henderson*"
            },
            {
                "type": "plain_text",
                "text": "Email",
                "emoji": true
            },
            {
                "type": "mrkdwn",
                "text": "[email protected]"
            },
            {
                "type": "plain_text",
                "text": "Mobile Phone",
                "emoji": true
            },
            {
                "type": "mrkdwn",
                "text": "0451000000"
            },
            {
                "type": "plain_text",
                "text": "Work Phone",
                "emoji": true
            },
            {
                "type": "mrkdwn",
                "text": "94550000"
            }

        ]
    }
]

Rendra:

enter image description here

5
Avner