要解决表格的网格项底部边距不起作用的问题，可以使用CSS的伪元素来模拟表格的网格线，并给网格项添加底部边距。以下是一个示例代码：

HTML代码：

  

    
Cell 1
    
Cell 2
    
Cell 3
  
  

    
Cell 4
    
Cell 5
    
Cell 6
  

CSS代码：

.grid-table {
  border-collapse: collapse;
}

.grid-table td {
  position: relative;
  padding-bottom: 10px; /* 底部边距大小 */
}

.grid-table td::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000; /* 网格线颜色 */
}

在上述代码中，将表格的边框合并设置为border-collapse: collapse;，然后给每个网格项的底部添加一个伪元素::after，通过设置其position: absolute;使其相对于网格项进行定位，再设置其bottom: 0;来将伪元素放置在网格项的底部，最后通过设置其content: '';、width: 100%;和height: 1px;来创建一个横向的线条，从而模拟出表格的底部网格线。

通过上述代码，可以解决表格的网格项底部边距不起作用的问题，并且可以自定义底部边距的大小和网格线的样式。