CSS : table-layout --> fixed and auto

Motivation

while solving some of the layout issue i came across this issue where the width of the table is increased because the width is auto and the content is too much in that particular table, so the solution for that is to fix the table-layout.

1. table-layout: fixed

in this case the layout will be fixed and the content can go outside the table based on the data which is stored in the table.

1. table-layout:auto this will try to show all the information in the table in the readable format

NOTE: in auto width of column can be increased based on the information stored but in fixed the width will be fixed for all the columns in the table