Remover borda de um tr apenas em uma td especifica

Question

Pessoa tenho uma table que preciso remover a bordar de uma tr somente dentro da td que esta pintada, para dar a impressão que trata-se de uma forma só (conforme a imagem).

É possível?

Answer 1

Tentei colocar border na td mas fica assim:

Answer 2

Se eu coloco border-bottom fica assim:

Answer 3

Anderson, boa tarde.

Vou te pedir um favor para tentar te ajudar:

Encaminha o código que faz o que vc. está querendo para eu analisar

Aguardo

Abs

Answer 4

Olá, envio sim:

function marcarAgenda(data, horaInicial, horaFinal, marcacao, composicoes) {
    let $coluna = obterColuna(data);
    let colunaIndex;        
    let spans = '';
    let achouCorNoArray = false;
    let corRandom = '';
    let corEncontrada = '';
    if ($coluna !== '') {
        colunaIndex = $coluna.index() + 1;
        $.each($('table tr td:nth-child(' + colunaIndex + ')'), function () {
            $td = $(this);
            if (parseInt($td.data('hora')) === parseInt(horaInicial)) {
                if (marcacao !== 'livre') {
                    if (parseInt(horaInicial) === 23 && $td.data('hora') === 23) {
                        $td.removeClass('indisponivel');
                        $td.addClass(marcacao);
                    } else {
                        if (parseInt($td.data('hora')) >= parseInt(horaInicial) && parseInt($td.data('hora')) <= parseInt(horaFinal)) {
                            $td.removeClass('indisponivel');
                            $td.addClass(marcacao);
                        }
                    }
                    if (marcacao === 'alocadoParaTransportadora' || marcacao === 'alocadoPoremDisponivelParaTransportadora') {                        
                        $td.attr('data-composicoes', composicoes);                        
                        $.each(composicoes, function (i, composicao) {
                            achouCorNoArray = false;
                            $.each(arrayCoresPorSlote, function (i, elemento) {
                                if (elemento.composicao === composicao.Id) {
                                    achouCorNoArray = true;
                                    corEncontrada = elemento.cor;
                                    return false;
                                }
                            });
                            if (achouCorNoArray) {                                
                                spans += `<label class='teste' style='background-color:${corEncontrada};  border-right:5px solid ${corEncontrada}; width:100%; padding:10px; cursor:pointer;'><i style='opacity:0'>${composicao.Id}</i></label>`;  
                                $td.css('width', '30px');   
                                $td.css('border-bottom', '0.1px solid ' + corEncontrada);
                                $td.css('border-left', '0.1px solid ' + corEncontrada); 
                            } else {
                                corRandom = obterCorSlot();
                                corSlote = {
                                    cor: corRandom,
                                    composicao: composicao.Id
                                };
                                arrayCoresPorSlote.push(corSlote);
                                spans += `<label class='teste' style='background-color:${corRandom}; border:5px solid ${corRandom}; padding:10px; width:100%; cursor:pointer;'>${composicao.Id}</label>`;                            
                                $td.css('vertical-align', 'bottom');  
                                $td.css('border-bottom', '0.1px solid ' + corRandom);                                
                            }
                            
                        });                                                
                        $td.append(spans);                                           
                        if (marcacao === 'alocadoPoremDisponivelParaTransportadora') {
                            //$td.append($.trim("<i class='fa fa-plus text-danger fa-lg pull-right overlay' title='Adicionar'></i>"));
                        }                        
                    }
                } else {
                    $td.removeClass('indisponivel');
                }
            }
        });
    }
}

Answer 5

Anderson,

Só para que eu entenda um pouco melhor o que você quer:

Em sua segunda publicação, você tentou por border-bottom, e o resultado não é o que você quer ?

Me desculpe, eu não entendi o que vc. está querendo

Aguardo

Abs