Methods

$().semiAutoTable(options)

Initialize semiAutoTable. options doc see here

.semiAutoTable('get')

Get the semiAutoTable object attached on the element. Examples:

var semiAutoTable = $('#element').semiAutoTable('get');
var rowIds = semiAutoTable.getSelectedRows();

.semiAutoTable('getSelectedRows')

Get value array of checked checkbox or radio

var rowIds = $('#element').semiAutoTable('getSelectedRows');

.semiAutoTable('updateRowButton', rowOption)

Update select-all button and row selector. rowOption doc see here

$('#element').semiAutoTable('updateRowButton', {
  type: 'checkbox',
  showSelectAll: true,
  inputName: "row.id"
});

$('#element').semiAutoTable('updateRowButton', false);

.semiAutoTable('updateMenuItems', menus)

Update menus. menus doc see here

$('#element').semiAutoTable('updateMenuItems', [
  {
    title: 'Menu1',
    tooltip: 'tooltip',
    callback: ...
  },
  {
    title: 'Menu2',
    callback: ...
  }
]);

.semiAutoTable('addMenuItem', buttonDefinition)

Add menu. buttonDefinition doc see here

$('#element').semiAutoTable('addMenuItem', {
  title: 'Menu1',
  tooltip: 'tooltip',
  callback: ...
});

.semiAutoTable('updateSortBy', sortOption)

Update sorter. sortOption doc see here

$('#element').semiAutoTable('updateSortBy', {
  'A': 'asc',
  'B': 'desc'
});

.semiAutoTable('getSortObject')

Get sortObject.

var sortObject = $('#element').semiAutoTable('getSortObject');
/*
{
  'A': 'asc',
  'B': 'desc',
  'C': 'none',
  ...
}
*/

.semiAutoTable('updatePaginator', pageOption)

Update paginator. pageOption doc see here

$('#element').semiAutoTable('updatePaginator', {
  currentPage: 11,
  totalPages: 20,
  totalRows: 202
});

.semiAutoTable('getPageObject')

Get current pagination info

var pageObject = $('#element').semiAutoTable('getPageObject');
/*
{
  currentPage: ...,
  totalPages: ...,
  totalRows: ...,
  rowsPerPage: ...
}
*/

.semiAutoTable('destroy')

Destroy semiAutoTable element

$('#element').semiAutoTable('destroy');

.semiAutoTable('updateColumnSelect', columnOption)

Update show/hide column button. columnOption doc see here

$('#element').semiAutoTable('updateColumnSelect', {
    showColumnSelector: false,
    stickyColumns: [],
    hideColumns: []
});

.semiAutoTable('renderButtonTag', buttonOptions)

更新menu右上角的标记

$('#element').semiAutoTable('renderButtonTag', [
  {
    id: 1,
    tag: 'newTag'
  },
  {
    id: 2,
    tag: 'newTag'
  });