Modificação de Cabeçalhos

Suporte
1

Boa tarde!

Pessoal,
Temos essa query, conforme mostrado, ela apresenta os documentos nos veículos da frota e os respectivos dias de eventos (Coletas, Conhecimentos etc) no mês.
Nós queremos que nos dias que forem Sábados, Domingos e Feriados, sejam apresentados os cabeçalhos das colunas em cores diferentes. É possível?

image
image1801×848 107 KB

2

Olá @Eduardo!

Infelizmente de forma nativa na plataforma não é possível efetuar esse processo. Porém nossa equipe trabalhou em um exemplo de implementação que aplica conceitos apresentados no tópico “Copiar o conteúdo de uma célula da Grid para a área de transferência”.

Siga os passos abaixo para efetuar sua implementação:

  1. No Javascript Público do Latromi, adicione a seguinte função:
function ApplyGridHeaderStyle(element) // The Element must be a TD element
{
    // data element
    var dataElementIndex = element.cellIndex;
    // header element
    var headerElement = element.closest('.RadGrid').querySelectorAll('.rgHeader')[dataElementIndex];

    if (headerElement && headerElement.getAttribute('data-style-applied') !== 'true')
    {
        var computedStyle = getComputedStyle(element);

        headerElement.style.backgroundColor = computedStyle.backgroundColor;
        headerElement.style.color = computedStyle.color;
        headerElement.style.fontSize = computedStyle.fontSize;
        headerElement.style.fontFamily = computedStyle.fontFamily;
        headerElement.style.fontWeight = computedStyle.fontWeight;

        headerElement.setAttribute('data-style-applied', 'true');
    }

    // remove tag script
    element.querySelectorAll('script').forEach(script => script.remove());
}
  1. Em sua consulta, adicione a seguinte informação na coluna que é final de semana.
SELECT
    ...
    valor_da_coluna || '<script type="text/javascript">ApplyGridHeaderStyle(document.currentScript.parentElement)</script>'
FROM alguma_tabela