/* Table ko block display mein convert karein */
 .table-responsive-1 {
     max-height: 630px;
     /* Ya jitni aapko chahiye */
     overflow-y: auto;
     position: relative;
     /* Sticky ke liye zaruri */
 }

 .table thead th {
     position: sticky;
     top: 0;
     background-color: #ffffff;
     /* Header ka background color */
     z-index: 2;
     /* Content se upar rahega */
     box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
     /* Halka shadow effect */
 }

 /* Table ko block ki tarah behave karwayein */
 table {
     width: 100%;
     display: block;
     border-collapse: collapse;
 }

 /* Thead ko top par fix rakhein */
 thead {
     display: table;
     width: 100%;
     /* table-layout: fixed; */
     /* Column width fix karne ke liye */
     position: sticky;
     top: 0;
     background-color: white;
     /* Scroll ke waqt background white rahe */
     z-index: 1;
 }

 /* Tbody ko block banayein taaki scroll ho sake */
 tbody {
     display: table;
     width: 100%;
     table-layout: fixed;
 }

 /* Row aur Cell settings */
 tr {
     display: table;
     width: 100%;
     table-layout: fixed;
 }