0

我有一个表示数据库中数据的表，我希望左侧有复选框，以便用户可以对所选项目进行操作（即删除、修改）。我的问题是，如何将复选框对齐到表格的左侧？

<table border="2">
    <tr>
        <th>A bunch of headers</th>
    </tr>
    <tr>
        <td>A row of items</td>

    </tr>
    A lot more rows
</table>

相当严格，我不知道如何处理复选框，我试图在桌子周围放一个表格，但没有奏效。

4

3 回答 3

1

使用 CSS 对齐它们。

左边距：100px；向左飘浮;

于 2013-06-17T17:41:17.373 回答
1

您可以添加仅包含复选框的列。使用td元素，默认情况下它们将左对齐。

但是，复选框应该用于提供选择或不选择某些参数的控件，而不是用于触发操作。考虑使用例如button元素进行操作。

于 2013-06-17T18:20:11.767 回答
0

您可以只创建一个“操作”列，将其作为包含复选框的表中的第一列插入。这样，所有复选框都与内容分开，这使得通过 javascript 进行格式化和操作更容易。

或者，如果您必须为每一行使用一个表单，您可以执行以下操作：

<td><input type="checkbox" /><span>Data...</span></td>

...但是如果您走第二条路线，您将失去表格的力量** 并且还不如选择仅 div 的解决方案。

** 用于显示表格数据；在有人为表格和 div 布局而将我击倒之前。

于 2013-06-17T17:26:38.580 回答