JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1">
<tr>
    <th class="roleComparethead">Function</th>
    <th class="roleComparethead">Type</th>
    <th class="roleComparethead">1111</th>
    <th class="roleComparethead">222</th>
    <th class="roleComparethead">555</th>
</tr>
<tr class="cRow">
    <td row-span="2" class="roleComparethead"> Profiles Maintenance</td>
    <td row-span="2" class="type"> Internal </td>

    <td row-span="2" class="access"><span class="accessLevel">Update</span></td>
    <td row-span="2" class="access"><span class="accessLevel">Read</span></td>
    <td class="access"><span class="accessLevel">NoAccess</span> </td>
</tr>
    <tr class="cRow">
    <td class="roleComparethead"> Profiles Maintenance</td>
    <td class="type"> Internal </td>

    <td class="access"><span class="accessLevel">Update</span></td>
    <td class="access"><span class="accessLevel">Read</span></td>
    <td class="access"><span class="accessLevel">Noccess</span> </td>
</tr>
    </table>

JavaScript

$("table tr").each(function() {
    var row = this;
    var values = $(".accessLevel", this).map(function() {
        return $(this).text();
    });
    // if condition is to hide row if all are the same cell values
    var count=0;
    $(values).each(function(){
        if(this==values[0]) count++;
    });
    if(values.length > 0 && count == values.length){
       // $(row).hide();
       // $(row).style="row-span:2";
    }

});