<table style="border-spacing: 0">
    <tr>
        <td colspan=1 align=left><b>FullName</b></td>
        <td>&nbsp;&nbsp;|&nbsp;&nbsp;</td>
        <td colspan=1 align=center><b>InputType</b></td>
        <td>&nbsp;&nbsp;|&nbsp;&nbsp;</td>
        <td colspan=1 align=center><b>MutatesConsumedData</b></td>
        <td>&nbsp;&nbsp;|&nbsp;&nbsp;</td>
        <td colspan=1 align=center><b>Receivers</b></td>
        <td>&nbsp;&nbsp;|&nbsp;&nbsp;</td>
        <td colspan=1 align=center><b>Processors</b></td>
        <td>&nbsp;&nbsp;|&nbsp;&nbsp;</td>
        <td colspan=1 align=center><b>Exporters</b></td>
    </tr>
    {{$a := .ComponentEndpoint}}
    {{range $rowindex, $row := .Rows}}
        {{- if even $rowindex}}
            <tr style="background: #eee">
        {{else}}
            <tr>{{end -}}
        <td>{{$row.FullName}}</td><td>&nbsp;&nbsp;|&nbsp;&nbsp;</td>
        <td>{{$row.InputType}}</td><td>&nbsp;&nbsp;|&nbsp;&nbsp;</td>
        <td>{{$row.MutatesConsumedData}}</td><td>&nbsp;&nbsp;|&nbsp;&nbsp;</td>
        <td align="center">
            {{range $recindex, $rec := $row.Receivers}}
                <a href="{{$a}}?zpipelinename={{$row.FullName}}&zcomponentname={{$rec}}&zcomponentkind=receiver">{{$rec}}</a>
                <br>
            {{end}}
        </td><td>&nbsp;&nbsp;|&nbsp;&nbsp;</td>
        <td align="center">
            &rarr;
            {{range $proindex, $pro := $row.Processors}}
                <a href="{{$a}}?zpipelinename={{$row.FullName}}&zcomponentname={{$pro}}&zcomponentkind=processor">{{$pro}}</a>
                &rarr;
            {{end}}
        </td><td>&nbsp;&nbsp;|&nbsp;&nbsp;</td>
        <td align="center">
            {{range $expindex, $exp := $row.Exporters}}
                <a href="{{$a}}?zpipelinename={{$row.FullName}}&zcomponentname={{$exp}}&zcomponentkind=exporter">{{$exp}}</a>
                <br>
            {{end}}
        </td>
        </tr>
    {{end}}
</table>