带有行标题和列标题的表

Question

我觉得自己像个白痴问这个问题，但有没有人知道一个好的javascript库来创建一个包含行和列标题的表？我正在寻找像这样的东西：

提前感谢！

Answer 1

您可以使用HTML和CSS执行此操作。

这是符合您规格的表格草稿。

＆＃13;

＆＃13;

 <table border=1>
      <tr>
        <td></td>
        <th>header 1</th>
        <th>header 2</th> 
      </tr>
      <tr>
        <th>col 1</th>
        <td>data1</td> 
        <td>data2</td>
      </tr>
    </table>

＆＃13;

＆＃13;

＆＃13;

我们的风格应该在css中确定。

Answer 2

这样的事情可以通过css和html

来完成

＆＃13;

＆＃13;

td, th {
    border: 1px solid black;
}
.invisible {
    border: none;
    background-color:transparent;
}
.leftHeader {
    font-weight: bold;
    background-color:lightgray;
}
th {
    background-color:lightgray;
}

＆＃13;

<table>
    <thead>
        <tr>
            <th class="invisible"></th>
            <th>Top Header</th>
            <th>Top Header</th>
            <th>Top Header</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td class="leftHeader">Left Header</td>
            <td>Normal Cell</td>
            <td>Normal Cell</td>
            <td>Normal Cell</td>
        </tr>
        <tr>
            <td class="leftHeader">Left Header</td>
            <td>Normal Cell</td>
            <td>Normal Cell</td>
            <td>Normal Cell</td>
        </tr>
    </tbody>
</table>

＆＃13;

＆＃13;

＆＃13;