<table id="tbl-Usuarios-Rolestodos" class="table table-bordered table-hover table-responsive">
    <thead>
        <tr>
            <th width="1%" ><input type="checkbox" class="check-Usuarios-Rolestodos" id="chk-TodosUsuarios-Rolestodos" ></th>
            <th width="1%" >CODIGO</th>
            <th width="1%" >TITULO</th>
            <th>DESCRIPCION</th>
            <th width="1%" >Permisos</th>
        </tr>
    </thead>
    <tbody> 
        {% if Roles %}
        {% for Rol in Roles %}
        <tr>
            <td>
                <input type="checkbox" class="checkTable check-Usuarios-Rolestodos" name="checkRoles[]" 
                       value="{{ Rol.rolID }}" data-titulo="{{ Rol.rolTITULO }}" />
            </td>
            <td>{{ Rol.rolCODIGO }}</td>
            <td>{{ Rol.rolTITULO }}</td>
            <td class="titulo-flotante" title="{{ beneficioAfiliados.beneficioDESCRIPCION|striptags }}" >
                {{ Rol.rolDESCRIPCION|striptags[0:75] }}...
            </td>
            <td>
                {{ tableTooltip('tablePermisos' ~ hash_vista ~ random(), 'usuarios', 'Roles', 'tablaPermisos', 'rolID='~Rol.rolID) }}
            </td>
        </tr>
        {% endfor %}
        {% endif %}
    </tbody>
</table>
<script type="text/javascript" >
    $(document).ready(function () {
        checkBoxSICAM('.check-Usuarios-Rolestodos');
        activarSeleccionarTodos("chk-TodosUsuarios-Rolestodos", "check-Usuarios-Rolestodos");
    });
    crearTablaScroll("tbl-Usuarios-Roles", "320");
</script>