vendredi 4 septembre 2015

bootstrap checkbox list BUT with table data

I am trying to use this checkbox http://ift.tt/1fNmA6p widget but with data by dancer2 from a DB table. I am using bootstrap 3 and have gotten pretty close to having it work. However, my one slight problem is that the checkbox appears on a different row just above my table data.

Like this:

[ ]

White Tablecloth Bar Glasses Cold Whisky

Here is my markup.

<div class="container" style="margin-top:20px;">
    <div class="row">
        <div class="col-xs-12">
            <h3 class="text-center">Basic Example</h3>
            <div class="well" style="max-height: 300px;overflow: auto;">
            <ul class="list-group checked-list-box">
          <table style="width:100%"> 
                <% FOREACH ID IN Chlngs.keys.sort %>
                <tr class="list-group-item">
                 <td width="70"><% Chlngs.$ID.SNAME %> 
                  <td width="75"><% Chlngs.$ID.ANAME %></td>
                  <td width="35"><% Chlngs.$ID.SSN %></td> 
                  <td width="35"><% Chlngs.$ID.YR %></td>
                  <td width="250"><% Chlngs.$ID.CHNAME %></td>
                  <td width="550"><% Chlngs.$ID.DESCRIP %></td>
                  <td><input type="number" name="<% Chlngs.$ID.ID %>" size="8" </td>
                  <% END %>
                </tr>
            </table>
                </ul>
            </div>
        </div>
    </div>
</div>




Aucun commentaire:

Enregistrer un commentaire