Remove padding in table

Question

I am using Element UI table for to tabulate my data. My problem is I cant remove the padding inside the cell. This is before I make any changes.

I want to remove all the spaces around the green box. I add this code to remove the padding.

<el-table :data="tableData" size="mini" :cell-style="{ padding: 0 }">

This is after added the code.

Only top and bottom padding is removed but the left and right padding remains. I think the padding is from cell class but I'm not sure how to remove it.

I tried this but it didnt work.

.el-table .cell {
  padding: 0px
}

Answer 1

try to make the div padding 0 the container

.el-table {
   padding: 0px
}