.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: 300px;*/
	/* this will be the loading indicator */
}

.my-sticky-header-column-table tr td:first-child{
	background-color: rgb(233, 233, 233);
}

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

.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,
.my-sticky-header-column-table th:first-child {
	position: sticky;
	left: 0;
}
.my-sticky-header-column-table .q-table__middle {
	height:1px;
}

/*
Keeps the first row fixed
*/
.my-sticky-header-column-table-mobile thead tr:first-child th {	
	top: 0;
	position: sticky;
	z-index: 1;
}

.my-sticky-header-column-table-mobile tr th {
	position: sticky;
	z-index: 2;
}

.my-sticky-header-column-table-mobile tr td:first-child{
	background-color: rgb(233, 233, 233);
}