如何使一个简单的HTML表格看起来像；“可手持”；

我有一个简单的HTML表格。每个单元格都有一个输入标记

能把桌子做成这样吗

我不能使用handsontable，因为我的表执行一些特定于应用程序的操作

有没有一个简单的方法，比如“是的，只要使用这个和这个css类”

谢谢你的帮助；）

格鲁什

编辑：好的，我将添加一些示例代码：

<table>
    <tbody>
        <tr>
            <td>
                <input/>
            </td>
            <td>
                <input/>
            </td>
            <td>
                <input/>
            </td>
        </tr>
        <tr>
            <td>
                <input/>
            </td>
            <td>
                <input/>
            </td>
            <td>
                <input/>
            </td>
        </tr>
    </tbody>
</table>

编辑2：

---

sry用于混淆。要点是：我希望我的表格看起来像Excel，而handsontable可以做到这一点。

这个代码笔应该可以让您开始：

我刚刚从他们的演示中获取了css：

并为输入字段添加了一些样式：

input {
  border:none;
  width:100%;
  height:100%;
  font-family: Verdana, Helvetica, Arial, FreeSans, sans-serif;
  font-size:12px;
  padding: 0 4px 0 4px;
}

input:focus { 
  border:2px solid #5292F7;
  outline: none;
}

---

您需要在可手持CSS中选择相关内容。

此代码笔将帮助您开始：

我刚刚从他们的演示中获取了css：

并为输入字段添加了一些样式：

input {
  border:none;
  width:100%;
  height:100%;
  font-family: Verdana, Helvetica, Arial, FreeSans, sans-serif;
  font-size:12px;
  padding: 0 4px 0 4px;
}

input:focus { 
  border:2px solid #5292F7;
  outline: none;
}

您需要通过可手持的CSS来查看相关内容。

从这里获取代码

html

---

从这里获取代码

html

---

---

使用Bootstrap您想要的仅仅是外观，还是handsontable的编辑功能？您需要将数据添加到表中吗？您可能需要添加示例代码，这样人们就可以快速响应您的问题，而不必离开网站@renishkhunt sry，我需要“Excel”-lookuse引导程序您想要的只是外观，还是handsontable的编辑功能？您需要将数据添加到表中吗？您可能需要添加示例代码，以便人们可以快速响应您的问题，而不必离开网站@renishkhunt sry，我需要“Excel”-看起来不错。输入丢失。埃尔伍德已经把它贴出来了。谢谢你的帮助，我想你可以在里面添加输入元素！享受吧！看起来不错。输入丢失。埃尔伍德已经把它贴出来了。谢谢你的帮助，我想你可以在里面添加输入元素！享受吧！

    html{
            font:0.75em/1.5 sans-serif;
            color:#333;
            background-color:#fff;
            padding:1em;
        }

        /* Tables */
        table{
            width:100%;
            margin-bottom:1em;
            border-collapse: collapse;
        }
        th{
            font-weight:bold;
            background-color:#ddd;
        }
        th,
        td{
            padding:0.5em;
            border:1px solid #ccc;
        }