How to Customize the Offer Tables

Modified on Mon, 06 Mar 2023 at 11:23 AM

By default, all columns are shown in the Stock Locator tool. We allow you to customize what is shown in the tool by hiding columns.

On the "StockLocatorTool" component, there is the "hideColumns" attribute that can be used to alter the display of the tables. Each field relates to a column with the boolean type. The corresponding column will be hidden if the field is set to true. By default, all columns will be shown.

Example

Before any customization:

The input to customize the tool:

<StockLocatorTool
      searchParameters={{
        token:
          "Your Nexar access token",
      }}
      hideColumns={{
        currency: true,
        price1: true,
        price10: true,
        price100: true,
        price1000: true,
        price10000: true,
        sku: true,
      }}
    />

The resulting customized table format: