From b41d369d413f8f6b5c351d1f57b2d587125b7821 Mon Sep 17 00:00:00 2001
From: c-bata <contact@c-bata.link>
Date: Mon, 26 Oct 2020 05:27:43 +0900
Subject: [PATCH] Add space to show clear filter button

---
 optuna_dashboard/static/components/DataGrid.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/optuna_dashboard/static/components/DataGrid.tsx b/optuna_dashboard/static/components/DataGrid.tsx
index 12ac8209..458a9d19 100644
--- a/optuna_dashboard/static/components/DataGrid.tsx
+++ b/optuna_dashboard/static/components/DataGrid.tsx
@@ -174,9 +174,10 @@ function DataGrid<T>(props: {
                   ) : (
                     column.label
                   )}
-                  {fieldAlreadyFiltered(column.field) ? (
+                  {column.filterable ? (
                     <IconButton
                       size={dense ? "small" : "medium"}
+                      style={fieldAlreadyFiltered(column.field) ? {} : { visibility: "hidden"}}
                       color="inherit"
                       onClick={(e) => {
                         clearFilter(column.field)