wassname/optuna-dashboard
1
0
Fork 0
mirror of https://github.com/wassname/optuna-dashboard.git synced 2026-09-22 13:20:38 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #47 from optuna/fix-layout-clear-filter-button

Browse Source 
Fix break line of a table head around clear filter button
This commit is contained in:
Masashi SHIBATA
2021-02-28 12:19:08 +09:00
committed by GitHub
parent f62429c8df 03ce0cbee8
commit bb250ab2fc
1 changed files with 39 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
optuna_dashboard/static/components/DataGrid.tsx
+39 -34
View File
@@ -41,6 +41,9 @@ const useStyles = makeStyles((theme: Theme) =>
textDecoration: "underline",
cursor: "pointer",
},
tableHeaderCell: {
display: "inline-flex",
},
})
)
@@ -157,40 +160,42 @@ function DataGrid<T>(props: {
padding={column.padding || "default"}
sortDirection={orderBy === column.field ? order : false}
>
{column.sortable ? (
<TableSortLabel
active={orderBy === index}
direction={orderBy === index ? order : "asc"}
onClick={createSortHandler(index)}
>
{column.label}
{orderBy === column.field ? (
<span className={classes.visuallyHidden}>
{order === "desc"
? "sorted descending"
: "sorted ascending"}
</span>
) : null}
</TableSortLabel>
) : (
column.label
)}
{column.filterable ? (
<IconButton
size={dense ? "small" : "medium"}
style={
fieldAlreadyFiltered(column.field)
? {}
: { visibility: "hidden" }
}
color="inherit"
onClick={(e) => {
clearFilter(column.field)
}}
>
<Clear />
</IconButton>
) : null}
<span className={classes.tableHeaderCell}>
{column.sortable ? (
<TableSortLabel
active={orderBy === index}
direction={orderBy === index ? order : "asc"}
onClick={createSortHandler(index)}
>
{column.label}
{orderBy === column.field ? (
<span className={classes.visuallyHidden}>
{order === "desc"
? "sorted descending"
: "sorted ascending"}
</span>
) : null}
</TableSortLabel>
) : (
column.label
)}
{column.filterable ? (
<IconButton
size={dense ? "small" : "medium"}
style={
fieldAlreadyFiltered(column.field)
? {}
: { visibility: "hidden" }
}
color="inherit"
onClick={(e) => {
clearFilter(column.field)
}}
>
<Clear />
</IconButton>
) : null}
</span>
</TableCell>
))}
</TableRow>