Row Selector - Specify input name

Default value 'row.id'

	Column A	Column B	Column C	Column D
	a	b	c	d
	a	b	c	d

<table id="table1">
  <thead>
  <tr>
    <th></th><th>Column A</th><th>Column B</th><th>Column C</th><th>Column D</th>
  </tr>
  </thead>
  <tbody>
  <tr>
    <td><input type="checkbox" name="item.id"/></td>
    <td>a</td><td>b</td><td>c</td><td>d</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="item.id"/></td>
    <td>a</td><td>b</td><td>c</td><td>d</td>
  </tr>
  </tbody>
</table>

<script>
  $(function() {
    $("#table1").semiAutoTable({
      rowOption: {
        inputName: 'item.id'
      },
      pageOption: false,
      useDataTable: false
    })
  });
</script>

Row Selector - Radio

There will be no select-all button

	Column A	Column B	Column C	Column D
	a	b	c	d
	a	b	c	d

<table id="table2">
  <thead>
  <tr>
    <th></th><th>Column A</th><th>Column B</th><th>Column C</th><th>Column D</th>
  </tr>
  </thead>
  <tbody>
  <tr>
    <td><input type="radio" name="row.id"/></td>
    <td>a</td><td>b</td><td>c</td><td>d</td>
  </tr>
  <tr>
    <td><input type="radio" name="row.id"/></td>
    <td>a</td><td>b</td><td>c</td><td>d</td>
  </tr>
  </tbody>
</table>

<script>
  $(function() {
    $("#table2").semiAutoTable({
      rowOption: {
        type: 'radio'
      },
      pageOption: false,
      useDataTable: false
    })
  });
</script>

Row Selector - 不显示全选按钮

Select-all button is hidden but you can still check the checkbox by clicking the row.

	Column A	Column B	Column C	Column D
	a	b	c	d
	a	b	c	d

<table id="table3">
  <thead>
  <tr>
    <th></th><th>Column A</th><th>Column B</th><th>Column C</th><th>Column D</th>
  </tr>
  </thead>
  <tbody>
  <tr>
    <td><input type="checkbox" name="row.id"/></td>
    <td>a</td><td>b</td><td>c</td><td>d</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="row.id"/></td>
    <td>a</td><td>b</td><td>c</td><td>d</td>
  </tr>
  </tbody>
</table>

<script>
  $(function() {
    $("#table3").semiAutoTable({
      rowOption: {
        showSelectAll: false
      },
      pageOption: false,
      useDataTable: false
    })
  });
</script>

Row Selector - Disable

	Column A	Column B	Column C	Column D
	a	b	c	d
	a	b	c	d

<table id="table4">
  <thead>
  <tr>
    <th></th><th>Column A</th><th>Column B</th><th>Column C</th><th>Column D</th>
  </tr>
  </thead>
  <tbody>
  <tr>
    <td><input type="checkbox" name="row.id"/></td>
    <td>a</td><td>b</td><td>c</td><td>d</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="row.id"/></td>
    <td>a</td><td>b</td><td>c</td><td>d</td>
  </tr>
  </tbody>
</table>

<script>
  $(function() {
    $("#table4").semiAutoTable({
      rowOption: false,
      pageOption: false,
      useDataTable: false
    })
  });
</script>