fix(ui5-table): Select all column is now sticky (#3950)

niyap · web-flow · commit 9530a5bee30d · 2021-09-17T13:53:28.000+03:00
* fix(ui5-table): Select all column is now sticky

* review comment fix
diff --git a/packages/main/src/themes/Table.css b/packages/main/src/themes/Table.css
@@ -79,6 +79,12 @@ tr {
 	text-align: center;
 }
 
+:host([sticky-column-header]) .ui5-table-select-all-column {
+	position: sticky;
+	top: 0;
+	z-index: 99;
+}
+
 th {
 	background: var(--sapList_HeaderBackground);
 }
diff --git a/packages/main/test/pages/TableSelection.html b/packages/main/test/pages/TableSelection.html
@@ -146,7 +146,7 @@
 	<br>
 	<br>
 	<ui5-title>Table in MultiSelect mode</ui5-title>
-	<ui5-table id="multi" mode="MultiSelect">
+	<ui5-table id="multi" mode="MultiSelect" sticky-column-header>
 
 		<ui5-table-column slot="columns">
 			<ui5-label>Product</ui5-label>

Original file line number	Diff line number	Diff line change
`@@ -79,6 +79,12 @@ tr {`
`79`	`79`	`text-align: center;`
`80`	`80`	`}`
`81`	`81`
	`82`	`+:host([sticky-column-header]) .ui5-table-select-all-column {`
	`83`	`+ position: sticky;`
	`84`	`+ top: 0;`
	`85`	`+ z-index: 99;`
	`86`	`+}`
	`87`	`+`
`82`	`88`	`th {`
`83`	`89`	`background: var(--sapList_HeaderBackground);`
`84`	`90`	`}`