Alterando nomes de cabeçalho da tabela

Saiba como alterar os nomes de cabeçalho em uma tabela usando a técnica customização por configuração . Nesta lição, você modifica um arquivo buc-table-config.json que define as características da tabela

Para este cenário, deseja modificar a tabela na página Gerenciar linhas . Na tabela, você deseja alterar os nomes de cabeçalho Data de entrega solicitada, Data de cancelamentoe Data de envio solicitada para Data de entrega desejadae Data de término desejada, e Data de disponibilidade desejadas

Uma captura de tela do modal de Procura avançada

Nota: essa abordagem não é limitada a cabeçalhos de tabela.. Ele pode ser usado para mudar qualquer rótulo que você possa localizar nos arquivos JSON de tradução Por conveniência, todas as mudanças de rótulo podem ser definidas em um único arquivo JSON customizado

Procedimento

Primeiro, é necessário localizar o esquema no arquivo buc-table-config.json que corresponde à tabela que você precisa modificar.
1. Efetue login no Order Hub.
2. Abra a guia Console do navegador..
3. Acesse a página Gerenciar linhas do fluxo Criar pedido .
  - Se você continuar na mesma sessão do navegador que a lição anterior, inclua um item na ordem e, em seguida, clique em Avançar.
  - Se estiver iniciando uma nova sessão, acesse Pedidos> Saída. Clique em Criar ordem e percorra as etapas até atingir a página Gerenciar linhas
4. Quando você chegar ao Gerenciar linhas página, verifique o Console para a última mensagem que inclui BaseTableComponent.initializeTable.
  É possível ver o nome do esquema create-orderline
Abra o arquivo buc-app-order/packages/create-order/src-custom/assets/buc-app-order/buc-table-config.json.

No esquema create-orderline , localize os cabeçalhos de tabela que deseja customizar.

O fragmento a seguir exibe os três cabeçalhos que correspondem a Data de entrega solicitada, Data de cancelamentoe Data de envio solicitada:

      {
          "id": "deliveryDate",
          "name": "SHARED.GENERAL.LABEL_reqDelDate",
          "sortable": true,
          "sortKey": "ReqDeliveryDate",
          "style": {
            "min-width": "12rem"
          }
      },
      {
          "id": "cancelDate",
          "name": "SHARED.GENERAL.LABEL_cancelDate",
          "sortable": true,
          "sortKey": "ReqCancelDate",
          "style": {
            "min-width": "12rem"
          }
      },
      {
          "id": "requestShipDate",
          "name": "SHARED.GENERAL.LABEL_REQUESTED_SHIPDATE",
          "sortable": true,
          "sortKey": "ReqShipDate",
          "style": {
            "min-width": "12rem"
          }
      }

A chave name define a sequência de cabeçalhos.

Agora que você sabe as chaves que são usadas no cabeçalho, abra o arquivo packages/create-order/src-custom/assets/custom/i18n/en.json .
Inclua a entrada a seguir no arquivo JSON para usar as sequências customizadas Data de entrega desejada, Data de encerramento desejadae Data de disponibilidade desejada.
Este tutorial incluiu o objeto CREATE_ORDER no arquivo JSON anteriormente, portanto, inclua esse código após CREATE_ORDER..
```
    "SHARED": {
        "GENERAL": {
          "LABEL_reqDelDate": "Desired delivery date", 
          "LABEL_REQUESTED_SHIPDATE": "Desired availability date",
          "LABEL_cancelDate": "Desired termination date"
        }
    }
```
Recarregue o quadro e acesse a página Gerenciar linhas para verificar as mudanças.
Agora é possível ver as sequências atualizadas na tabela..