CSS显示php生成的HTML数组时出现问题

我的CSS有问题。我正在尝试正确显示这种数组：

https://jsfiddle.net/ju8hmgp9/

我认为问题可能就在那里：

table {
        display: table;
        width:auto;
        margin : auto;
        border-spacing: 2px;
        border-color: gray;
    }
    table td{
        font-size: 8pt;
    }
    .empty{
        background-color: #C7C7C7;
    }
    td, th {
        display: table-cell;
        vertical-align: inherit;
        width: auto;
        border: 1px solid gray; 
        border-collapse : collapse;
        margin-left: 5px;
        margin-right: 5px;
    }

据我所知，以前一切都很好，我不知道如何解决这个问题。我该如何解决我的问题？