Cambiar los nombres de los encabezados de las tablas

Aprenda a cambiar los nombres de los encabezados de una tabla utilizando la técnica de personalización mediante configuración. En esta lección, modificará un buc-table-config.json archivo que define las características de la tabla.

Para este escenario, debe modificar la tabla en la página Administrar líneas. En la tabla, desea cambiar los nombres de los encabezados «Fecha de entrega solicitada », «Fecha de cancelación » y «Fecha de envío solicitada » por «Fecha de entrega deseada », «Fecha de finalización deseada » y «Fecha de disponibilidad deseada ».

Captura de pantalla del modal de búsqueda avanzada

Nota: Este enfoque no se limita a los encabezados de tabla. Se puede utilizar para cambiar cualquier etiqueta que se encuentre en los archivos JSON de traducción. Para mayor comodidad, todos los cambios de etiqueta se pueden definir en un único archivo JSON personalizado.

Procedimiento

En primer lugar, debe buscar el esquema en el buc-table-config.json archivo que corresponde a la tabla que necesita modificar.
1. Inicie sesión en el Centro de pedidos.
2. Abre la pestaña Consola del navegador.
3. Vaya a la página Gestionar líneas del flujo Crear pedido.
  - Si continúa en la misma sesión del navegador que en la lección anterior, añada un artículo al pedido y haga clic en Siguiente.
  - Si está iniciando una nueva sesión, vaya a Pedidos > Salientes. Haga clic en Crear pedido y siga los pasos hasta llegar a la página Gestionar líneas.
4. Cuando llegue a la página Administrar líneas, compruebe en la consola el último mensaje que incluya BaseTableComponent.initializeTable.
  Puede ver el nombre del esquema create-orderline.
Abre el archivo buc-app-order/packages/create-order/src-custom/assets/buc-app-order/buc-table-config.json.

En el esquema de creación de líneas de pedido, busque los encabezados de tabla que desea personalizar.

El siguiente fragmento muestra los tres encabezados que corresponden a Fecha de entrega solicitada, Fecha de cancelación y Fecha de envío 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"
          }
      }

La clave name define la cadena del encabezado.

Ahora que ya conoce las claves que se utilizan para el encabezado, abra el packages/create-order/src-custom/assets/custom/i18n/en.json archivo.
Añade la siguiente entrada al archivo JSON para utilizar las cadenas personalizadas «Fecha de entrega deseada», «Fecha de finalización deseada » y «Fecha de disponibilidad deseada ».
Este tutorial ha añadido el CREATE_ORDER objeto en el archivo JSON anteriormente, así que añade este código después de CREATE_ORDER.
```
    "SHARED": {
        "GENERAL": {
          "LABEL_reqDelDate": "Desired delivery date", 
          "LABEL_REQUESTED_SHIPDATE": "Desired availability date",
          "LABEL_cancelDate": "Desired termination date"
        }
    }
```
Vuelve a cargar el marco y ve a la página Administrar líneas para verificar los cambios.
Ahora puede ver las cadenas actualizadas en la tabla.

Qué hacer a continuación

Implemente su personalización. Para obtener más información, consulte Preparación para implementar personalizaciones en aplicaciones existentes.