bootstrap datatable with select column with radio button

Question

I have bootstrap datatable and i am dynamically binding values using thymeleaf. since one of my column is radio button. How do i ensure that only one row or one radio button selected when user submits the form. currently its allowing user to select multiple radio buttons/rows at same time. Is there any such this option readily available in bootstrap datatable itself. I am using datatables-1.10.9

<table id="testTable" class="table table-striped table-bordered">
    <thead>
    <tr>
        <th scope="col">Select</th>
        <th scope="col">BookingId</th>
        <th scope="col">Source</th>
        <th scope="col">Destination</th>
        <th scope="col">Trip Start Date</th>
        <th scope="col">Status</th>
    </tr>
    </thead>
    <tbody>
    <tr data-th-each="booking : ${mybookings}">
        <td><input typr="radio" th:value="${booking.id}"></input></td>
        <td data-th-text="${booking.source}"></td>
        <td data-th-text="${booking.destination}"></td>
        <td data-th-text="${booking.tripStartTime}"></td>
        <td data-th-text="${booking.statusMaster.statusName}"></td>
    </tr>
    </tbody>
</table>

score 1 · Answer 1 · edited May 23 '17 at 11:59

1

This has been answered in another post where they add a name attribute to the radio button so only one button is selected for each group of buttons:

[how to set that only one radio button can be checked

edited May 23 '17 at 11:59

Community

1
1

answered Jan 23 '16 at 05:23

Sathya

41
3

bootstrap datatable with select column with radio button

1 Answers1