# ほしいものリスト：固定ヘッダー

**URL:** <https://meta.discourse.org/t/wish-list-sticky-table-headers/231589>\
**Category:** Feature\
**Tags:** data-explorer, completed\
**Created:** [2022 年 6 月 30 日午後 6:21 UTC](https://meta.discourse.org/t/wish-list-sticky-table-headers/231589 "2022-06-30T18:21:16Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![cocococosti](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cocococosti/32/231474_2.png) [@cocococosti](https://meta.discourse.org/u/cocococosti)\
**Post date:** [2022 年 7 月 1 日午前 12:38 UTC](https://meta.discourse.org/t/wish-list-sticky-table-headers/231589/2 "2022-07-01T00:38:03Z")

</div>

これは素晴らしいですね 🤩 大量のクエリ結果でヘッダーラベルを覚えるのに苦労しています。

今のところ、CSSでヘッダーを固定することは可能です。テーマコンポーネントに以下を追加するだけです。

```plaintext
div.query-results section {
    overflow-y: auto;
    height: 1000px;
}

div.query-results thead th {
    position: sticky;
    top: 0;
    color: var(--primary);
    background: var(--primary-low);
}

```

 ![Screen Shot 2022-06-30 at 20.36.06](https://global.discourse-cdn.com/meta/original/4X/c/b/8/cb808aaae1237458bbc90218e3d7f92da743ea12.png)

---

_[View the full topic](https://meta.discourse.org/t/wish-list-sticky-table-headers/231589)._