#myDataTable {
    width: 100%;
    border: 1px solid #ddd;
    border-collapse: collapse;
}

    #myDataTable thead th {
        position: sticky;
        top: 0;
        background-color: #f1f1f1;
        z-index: 1; /* Ensures the header is above the body when scrolling */
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

#myDataTable_wrapper {
    overflow-x: auto; /* Allow horizontal scrolling */
}