如何使用html在表格单元格中使用列表项?

Question

如何在表中使用有序列表，其中每个单元格将定义一个列表项。喜欢这张照片

有一种方法可以首先定义列。所以我试着做这样的东西。这不是我需要的。我只是尝试了一些东西，因为我没有线索去做像第一张图那样的东西。

使用下面的Html代码:

    <table cellspacing="0" border="1">
        <ol type="1">
            <tr>
                <th>Heading 1</th>
                <td>
                    <li> data</li>
                </td> 
                <td>
                    <li> data</li>
                </td> 
                <td>
                    <li> data </li>
                </td>
            </tr>
        </ol>
        <ul type="square">
            <tr>
                <th>Heading 2</th>
                <td>
                    <li> data</li>
                </td>
                <td>
                    <li> data</li>
                </td> 
                <td>
                    <li> data </li>
                </td>
            </tr>
        </ul>
        <ol type="A">
            <tr>
                <th>Heading 3</th>
                <td>
                    <li> data</li>
                </td> 
                <td>
                    <li> data </li>
                </td>
                <td>
                    <li> data </li>
                </td>
            </tr>
        </ol>
    </table>

现在我很困惑，我如何在每个单元格中使用有序或无序列表的<li>使其成为列表视图?

Answer 1

你可以这样做，否则什么都不做。

       <table cellspacing="0" border="1">
            <tr>
                <th>Heading 1</th>
                <th>Heading 2</th>
                <th>Heading 3</th>
            </tr>
            
            <tr>
                <td>
                    <ol type="1" start="1">
                        <li>
                            Data
                        </li>
                    </ol>
                </td> 
                <td>
                    <ul type="square">
                        <li>
                            Data
                        </li>
                    </ul>
                </td>
                <td>
                    <ol type="A" start="1">
                        <li>
                            Data
                        </li>
                    </ol>
                </td>
            </tr>
            <tr>
                <td>
                    <ol type="1" start="2">
                        <li>
                            Data
                        </li>
                    </ol>
                </td> 
                <td>
                    <ul type="square">
                        <li>
                            Data
                        </li>
                    </ul>
                </td>
                <td>
                    <ol type="A" start="2">
                        <li>
                            Data
                        </li>
                    </ol>
                </td>
            </tr>
            <tr>
                <td>
                    <ol type="1" start="3">
                        <li>
                            Data
                        </li>
                    </ol>
                </td> 
                <td>
                    <ul type="square">
                        <li>
                            Data
                        </li>
                    </ul>
                </td>
                <td>
                    <ol type="A" start="3">
                        <li>
                            Data
                        </li>
                    </ol>
                </td>
            </tr>
        </table>