mardi 11 août 2015

use CSS/LESS to add built-in checkbox to first column of table

I am new to CSS/LESS, and am wondering that is it possible to build a checked-box-table class that adds checkbox to the first column by default? In other words, if the user has the following html:

<table class="checked-box-table">
    <tr>
        <th>header 1</th>
        <th>header 2</th>
        <th>header 3</th>
    </tr>
    <tr>
        <td>1 </td>
        <td>2 </td>
        <td>3 </td>
    </tr>
</table>

the user will see a column of checkbox before "header 1" and "1".

A follow-up question: If this is possible, then is it possible to further style the checkbox and its containing cell inside the "checked-box-table" LESS? (say, define the width/height of checkbox, and the cell should be tight around the checkbox, etc.)

Thanks!




Aucun commentaire:

Enregistrer un commentaire