## Table #### :sparkles: Use variant class instead of specify width of column table inline :link: [Link](https://github.com/azoom/carparking-one/commit/c38b427993470cbe498e15f869de941c0a0c38f2) :x: Not good ```jsx <th v-for="(column, index) in tableColumns" key="getColumnKey(index)" :width="column.width" /> ``` :white_check_mark: Good ```jsx <th v-for="(column, index) in tableColumns" :key="getColumnKey(index)" :class="column.variant" > ``` #### :sparkles: Specify pseudo-classes in nested manner :link: [Link](https://github.com/azoom/carparking-one/commit/a84fc70ca36aabd57ef8734e3eb07d3be78653e4) :x: Not good ```css > .table > .body > .item > .cell:first-child { border-left-width: 0; } ``` :white_check_mark: Good ```css > .table > .body > .item > .cell { &:first-child { border-left-width: 0; } } ```