.my-sticky-header-column-table {
	/* height or max-height is important */
	height: 310px;
	/* specifying max-width so the example can
   * highlight the sticky column on any browser window */
	/* max-width: 600px; */
	/* this will be the loading indicator */
}

.my-sticky-header-column-table td:first-child {
	/* bg color is important for td; just specify one */
	/* background-color: #c1f4cd !important; */
}

.my-sticky-header-column-table tr th {
	position: sticky;
	/* higher than z-index for td below */
	z-index: 2;
	/* bg color is important; just specify one */
	/* background: rgb(170, 248, 248); */
}

.my-sticky-header-column-table thead tr:last-child th {
	/* height of all previous header rows */
	top: 28px;
	/* highest z-index */
	z-index: 3;
}

.my-sticky-header-column-table thead tr:first-child th {
	top: 0;
	z-index: 1;
}

.my-sticky-header-column-table tr:first-child th:first-child {
	/* highest z-index */
	z-index: 3;
}

.my-sticky-header-column-table td:first-child {
	z-index: 1;
}

.my-sticky-header-column-table td:first-child,
.my-sticky-header-column-table th:first-child {
	position: sticky;
	left: 0;
}
.my-sticky-header-column-table .q-table__middle {
	height:1px;
}