如何在引导响应表中按加号图标的同时调用脚本

Question

我正在使用带有JSF primefaces的bootstrap 4.在我的页面中，我使用了bootstrap响应表。在移动视图中，第一列中出现了加号图标。现在的要求是在按下加号图标的同时调用脚本。

<table id="table" style="width: 100%;" class="table table-striped table-bordered responsive">
<tr><td>....</td>
</tr>
<tr><td>....</td>
</tr>
<tr><td>....</td>
</tr>
</table>

我使用mozilla firebug获取以下代码

<tr class="odd" role="row">
<td style="width:35%" tabindex="0">
::before
</td>
</tr>

dataTable.css

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > 
td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
    top: 9px;
    left: 4px;
    height: 14px;
    width: 14px;
    display: block;
    position: absolute;
    color: white;
    border: 2px solid white;
    border-radius: 14px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: 'Courier New', Courier, monospace;
    line-height: 14px;
    content: '+';
    background-color: #31b131;
}

我需要内容+按下图标才能调用脚本

Responsive table with plus icon image