html怎么在div中加入表格,在HTML和CSS中使用Div的表格

我想使用DIV(仅限

HTML和CSS)创建表格网格.我差点进入并仍然遇到一些问题.我附上了样本图片.我希望网格应该像这个样本图像一样.我附上了迄今为止我创建的

fiddle.你能帮助一个人正在做什么以及如何改进以完成与图像相同的表格？

HTML：

Recommendation

Typical savings

Improved SAP

Improved EI

Indicative cost

Include

Removal Reason

Room-in-roof-insulation

93.0

F : 29

B : 89

£1,500 - £2,700

Checkbox

Textbox

CSS：

.containerDiv {

border: 1px solid #3697f6;

width: 100%;

}

.rowDivHeader {

border: 1px solid #668db6;

background-color: #336799;

color: white;

font-weight: bold;

}

.rowDiv {

border: 1px solid #668db6;

background-color: #cee6fe;

}

.cellDivHeader {

border-right: 1px solid white;

display: table-cell;

width:12%;

padding: 1px;

text-align: center;

}

.cellDiv {

border-right: 2px solid white;

display: table-cell;

width:10%;

padding-right: 4px;

text-align: center;

border-bottom: none;

}

.lastCell {

border-right: none;

}

样本图像