How to display cells filled?

Question

css

Hi everyone. Please help me with the issue of tabular layout, on the bootstrap, if anything, I need the empty cells to match the size of the filled ones, well, I'm specifically interested in the height. I googled some empty-cells, like what you need but nothing happens) I attached the screen. Does anyone have any ideas please share

Answer 1

1. Fill in the first cells of empty lines  .
2. Find out the height of the filled in js and set it to everyone.
3.

td::after {
  content: "";
  display: inline-block;
  width: 1px;
  background: green;
  min-height: 1em;
}

Answer 2

min-height: 40px
https://jsfiddle.net/ouodkeLn/195/
Small solution (crutch) on jquery. Looks for empty blocks in the table and fills them with an element that has a class with opacity: 0.

.hide {
  opacity: 0;
}

$('table td').each(function() {
  var text = $(this).text();
  if (text.length == 0) {
    $(this).html('<u class="hide">empty</u>');
  }
});

https://jsfiddle.net/ouodkeLn/196/
In general, tables are such a hat. Somehow I wanted to do something, but because of these restrictions on the styling of the table, I scored on it, swore and made it up just in blocks. And there you can roam in terms of styling