Как вызвать скрипт, нажимая значок плюса в адаптивной таблице начальной загрузки

Question

Я использую Bootstrap 4 с JSF primeface. На моей странице я использую таблицу, отвечающую на загрузку. В мобильном представлении в первом столбце отображается значок плюса. Теперь необходимо вызвать скрипт, нажимая значок плюса.

<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;
}

Мне нужен контент + иконка для вызова скрипта

Отзывчивая таблица со значком плюса