# Custom Header Column

### 1. What's it?

Custom Header Column feature allows you to customize the column that displays on the main Table View.  It's similar to Custom Header Column from [Google Chrome Dev Tools ](https://developers.google.com/web/tools/chrome-devtools/network/reference#custom-columns)

### 2. Benefit

* Define a Header from Request/Response and show it on the table.
* **Easier to distinguish each request/response if they have the same URL, but different Headers**
* Support resize/sorting/reorder columns
* Remember the previous state and restore it for the future session.

### 3. How to use it?

You can open **Tool Menu** -> **Custom Header Column**

![Custom your header column](https://1856518738-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LlPt_6BePnJ3oK3saP1%2F-MVepXPi2YNzkeoVqOWB%2F-MVesDI6M8IiS5UtE1-9%2FScreen%20Shot%202021-03-13%20at%2016.15.45.png?alt=media\&token=4506d8ac-3d57-4d8a-962a-45a4761abc1e)

![It will display on the main Table View](https://1856518738-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LlPt_6BePnJ3oK3saP1%2F-MVepXPi2YNzkeoVqOWB%2F-MVerXncCd4zbCjZz_zd%2FScreen_Shot_2021-03-13_at_16_08_14.png?alt=media\&token=2acbe179-0905-4a17-a7dc-305bd4652741)

{% hint style="info" %}
If you need to manage the default columns, please right-click on the Column Header.
{% endhint %}

![](https://1856518738-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LlPt_6BePnJ3oK3saP1%2F-MVepXPi2YNzkeoVqOWB%2F-MVetSwMrJ3MJXUAjQKW%2FScreen%20Shot%202021-03-13%20at%2016.21.39.png?alt=media\&token=e258c27e-d247-40aa-99e5-42f3ea980137)

### **GraphQL Query Column**

Custom Header Column would extract and display the query name for GraphQL Request.

![](https://1856518738-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LlPt_6BePnJ3oK3saP1%2F-MVepXPi2YNzkeoVqOWB%2F-MVetX1HGlYXY9NQS7A3%2FScreen_Shot_2021-03-13_at_16_20_42.png?alt=media\&token=f7f16b9c-d200-4742-b158-db9f23cdd42b)
