CODEWITHSUNDEEP
html
avorum
avorum

Reputation: 2293

how to align checkboxes to the left of a table in html

I have a table representing data in a database and I'd like there to be checkboxes to the left so that the user can do operations on the selected items (ie delete, modify). My question is, how can I align the checkboxes to be to the left of the table?

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

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

Pretty straitforward, I have no idea how to proceed with checkboxes, I tried to put a form around the table but that didn't work.

Upvotes: 0

Views: 3780

Answers (3)

Jukka K. Korpela
Jukka K. Korpela

Reputation: 201558

You can add a column that contains checkboxes only. Using td elements, they will be left-aligned by default.

However, checkboxes should be used to provide a control for selecting or not selecting some parameters, not for triggering actions. Consider using e.g. button elements for actions.

Upvotes: 1

artis_meditari
artis_meditari

Reputation: 68

Use CSS to align them.

margin-left:100px; float:left;

Upvotes: 1

Precastic
Precastic

Reputation: 4001

You could just create an "actions" column which you insert as the first column in your table that contains the checkboxes. That way all checkboxes are kept separate from the contents which makes formatting and manipulation via javascript easier.

Alternatively if you must use a form for each row you could do something like:

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

... but if you go the second route you loose the power of tables** & may as well go for a div only solution.

** for displaying tabular data; before someone shoots me down for table vs div for layouts.

Upvotes: 0

Related Questions