Same row height in table rows if there is or isn't icons in the row

[kristoferdoman]

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• [x] I am running the latest version
• [x] I checked the documentation and found no answer
• [x] I checked to make sure that this issue has not already been filed
• [x] I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

Please describe the behavior you are expecting: Same row height in table rows if there is or isn't material icons in the row.

Current Behavior

What is the current behavior? If there's material icons in the data tables it displays with a good amount of white space in the table rows, and is consistent with the other tables. If you have a table which doesn't need an icon in the row, the row collapses to a very small size. It's not consistent with the other tables, and it just doesn't look as elegant.

I've tried to style things in the table manually, but it seems the datable is overriding these options.

Failure Information (for bugs)

Please help provide information about the failure if this is a bug. If it is not a bug, please remove the rest of this template.

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

1. Remove the elements containing icons.

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

• Device: iMac
• Operating System: macOS
• Browser and Version: Safari - Latest

Failure Logs

Please include any relevant log snippets or files here.

[groovemen]

Hello again @kristoferdoman,

Thank you for using our products, if you didn't use the icons inside a row and this changes its size, please set a padding to the inside of a row like this:

.table>thead>tr>td
.table>tbody>tr>td, 
.table>tfoot>tr>td {
   padding: 25px 8px;  
}

Please change the values until it fits to your project design.

All the best, Stefan