Header 1 | Header 2 | Header 3 |
---|---|---|
Item 1 | Item 2 | Item 3 |
Item 1 | Item 2 | Item 3 |
Item 1 | Item 2 | Item 3 |
Item 1 | Item 2 | Item 3 |
Item 1 | Item 2 | Item 3 |
Item 1 | Item 2 | Item 3 |
Item 1 | Item 2 | Item 3 |
Item 1 | Item 2 | Item 3 |
Item 1 | Item 2 | Item 3 |
Item 1 | Item 2 | Item 3 |
.scrollable-table-container {
overflow: hidden;
}
.wp-block-table {
width: 100%;
border-collapse: collapse;
}
.wp-block-table tbody {
display: block;
max-height: 300px;
overflow-y: auto;
}
.wp-block-table thead, .wp-block-table tr {
display: table;
width: 100%;
table-layout: fixed;
}
/* Sticky table headers */
.wp-block-table thead th {
position: sticky;
top: 0;
background: #3a78e6;
Color:white;
z-index: 10;
padding: 10px;
border-bottom: 2px solid #ddd;
}
.wp-block-table thead {
border-bottom: 0px solid;
}
.wp-block-table tbody tr td {
padding: 10px;
border-bottom: 1px solid #ddd;
}
.wp-block-table tbody::-webkit-scrollbar {
width: 6px;
}
.wp-block-table tbody::-webkit-scrollbar-thumb {
background-color: #aaa;
border-radius: 10px;
}
.wp-block-table tbody::-webkit-scrollbar-track {
background-color: #f1f1f1;
}
कोई टिप्पणी नहीं
एक टिप्पणी भेजें