Таблица с прокручиваемым телом и фиксированным заголовком, но с адаптивной шириной и длиной текста

Question

Я пытаюсь создать таблицу с tbody прокручиваемой с thead фиксированным, но главное условие - ширина должна быть основана на text length. Я использовал следующий код, но с фиксированной шириной:

css:

thead, tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;/* even columns width , fix width of table too*/
}
tbody {
  display:block;
  max-height:60vh;
  overflow:auto;
}

thead {
    width: calc( 100% - 1em )
}

любезно предоставьте лучшее решение этой проблемы.