HTML css таблица ширина адаптивная

Question

Как сделать таблицу шириной адаптивной? Это означает, что если есть достаточно места, сделайте это на 100%; если таблица слишком широкая и она обрезана, сделайте ее автоматической, чтобы столбцы таблицы не были обрезаны.

<div> 

    <table class="adaptive-table"> 

    </table> 

</div> 

Есть ли способ использования CSS? Thanks

Answer 1

Если вы хотите использовать чистый CSS, это может вам помочь. Набор для таблицы.

table-layout: fixed; 
width: 100%; 

Теперь, если ваша таблица будет слишком широкой, вы можете прокручивать тд с опцией overflow: auto;