Отключить событие клика на одном td - javascript

Я использую функцию события onClick в строке (tr), чтобы показать модальное окно. Я хочу, чтобы все td строки были открыты Bootstrap Modal, кроме последнего td с классом "clickable-td".

таблица html:

    <tr OnClick = "DisplayEnterOrderModal(this.id)" id = "12" > 
         <td>12</td>
         <td>12</td>
         <td>147</td>
         <td>12345</td>
         <td></td>
         <td></td>
         <td class = "clickable-td" >
             <div class = "btn-group">
                <i class = "dropdown-toggle" data-toggle = "dropdown" 
                   ariaexpanded = "false"><span class = "caret" ></i>
                     <div class = "dropdown-menu">
                       <a class = "dropdown-item" href = "#">Détails</a>
                         <a class = "dropdown-item" href = "#">Annuler</a>
                           <a class = "dropdown-item" href = "#">Eliminer</a>
                     </div>
                 </div>
              </td>
          </tr>