# How add button in each rows of table

**URL:** <https://discourse.nodered.org/t/how-add-button-in-each-rows-of-table/50065>\
**Category:** General\
**Tags:** node-red-dashboard\
**Created:** [23 August 2021 14:59 UTC](https://discourse.nodered.org/t/how-add-button-in-each-rows-of-table/50065 "2021-08-23T14:59:11Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![oualid](https://avatars.discourse-cdn.com/v4/letter/o/8dc957/32.png) [@oualid](https://discourse.nodered.org/u/oualid)\
**Post date:** [23 August 2021 14:59 UTC](https://discourse.nodered.org/t/how-add-button-in-each-rows-of-table/50065/1 "2021-08-23T14:59:11Z")

</div>

hi,

could you please help me to add button in each row of table.  
i already googled, but i did not find any example.  
please find in the below my html code.

```auto
<table class= "content-table" >
    
    
    
    <tr>
        <th><i class="nr-dashboard-warning" ></i>SourceName</th>
        <th>ReceiveTime</th>
        <th>Message</th>
        <th>Severity</th>
        
    </tr>
    {{#payload}}
    <tbody>
        <tr class="">
            <td><span>&#9888;</span> {{SourceName }} <!--<a href= {{ SourceName }} target="_blank">event details</a>--> </td>          
            <td>{{ReceiveTime}}</td>
            <td>{{Message}}</td>
            <td class= "sev">{{Severity}} </td>
                        
        </tr>
    </tbody>
    {{/payload}}
</table>

```

thank you

---

<div class="post-metadata">

**Author:** ![E1cid](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/e1cid/32/77971_2.png) [@E1cid](https://discourse.nodered.org/u/E1cid)\
**Post date:** [23 August 2021 17:21 UTC](https://discourse.nodered.org/t/how-add-button-in-each-rows-of-table/50065/2 "2021-08-23T17:21:23Z")

</div>

Just a minute [Let me google that for you](https://letmegooglethat.com/?q=a+href+type+button)

from the top result.

```auto
<table class= "content-table" >
    
    
    
    <tr>
        <th><i class="nr-dashboard-warning" ></i>SourceName</th>
        <th>ReceiveTime</th>
        <th>Message</th>
        <th>Severity</th>
        
    </tr>
    {{#payload}}
    <tbody>
        <tr class="">
            <td><a href="{{{SourceName}}}" target="_blank" style="text-decoration:none"><button id="event details">&#9888; Event Details</button></a></td>          
            <td>{{ReceiveTime}}</td>
            <td>{{Message}}</td>
            <td class= "sev">{{Severity}} </td>
                        
        </tr>
    </tbody>
    {{/payload}}
</table>

```

assuming SourceName is a URL

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [12 October 2021 13:05 UTC](https://discourse.nodered.org/t/how-add-button-in-each-rows-of-table/50065/3 "2021-10-12T13:05:00Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.