javascript - 在html中沿着可点击网格的边界放置数字

Question

我有一个可点击的网格，其中的单元格在点击时切换颜色。我需要沿着网格的边界放置一些数字。包含它的最佳方法是什么？

最终结果应该是这样的

        4     
        1 5 3
   1,2  [][][]  
 1,4,5  [][][]
   1,3  [][][]

这是我的 JSfiddle没有周围的数字。

Answer 1

使用现有的表格单元格是否会像 https://jsfiddle.net/z9shwh0q/ 中那样工作？如果没有，您可以在它旁边创建另一个表并将这些表放在几个包装器中。

<div class="top-key"
    TOP KEY ETC
</div>  

<div class="left-key">
 TABLE FOR LEFT KEY ETC
</div>

<div class="clickable-table">
   CURRENT TABLE
</div>

然后你会使用 CSS 来放置这些