none
Remover borda de um tr apenas em uma td especifica RRS feed

  • Pergunta

  • 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?

    quarta-feira, 9 de janeiro de 2019 18:02

Todas as Respostas

  • Tentei colocar border na td mas fica assim:


    quarta-feira, 9 de janeiro de 2019 18:03
  • Se eu coloco border-bottom fica assim:


    quarta-feira, 9 de janeiro de 2019 18:05
  • 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

    quarta-feira, 9 de janeiro de 2019 18:06
  • 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');
                    }
                }
            });
        }
    }

    quarta-feira, 9 de janeiro de 2019 18:19
  • 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

    quarta-feira, 9 de janeiro de 2019 19:14