mirror of https://github.com/ColorlibHQ/gentelella
36 lines
1.2 KiB
XML
Executable File
36 lines
1.2 KiB
XML
Executable File
<?xml version="1.0" encoding="UTF-8" ?>
|
|
<dt-example table-type="html" order="1">
|
|
|
|
<css lib="datatables tabletools" />
|
|
<js lib="jquery datatables tabletools">
|
|
<![CDATA[
|
|
|
|
$(document).ready(function() {
|
|
$('#example').DataTable( {
|
|
dom: 'T<"clear">lfrtip',
|
|
tableTools: {
|
|
"sRowSelect": "os",
|
|
"aButtons": [ "select_all", "select_none" ]
|
|
}
|
|
} );
|
|
} );
|
|
]]>
|
|
</js>
|
|
|
|
<title lib="TableTools">Row selection - operating system style</title>
|
|
|
|
<info><![CDATA[
|
|
|
|
As well as providing a button toolbar, TableTools provides everything needed to have selectable rows in the table. TableTools has four row selection modes of operation:
|
|
|
|
* `none` - Default, where no user row selection options are available
|
|
* `single` - A single row can be selected
|
|
* `multi` - Multiple rows can be selected simply by clicking on the rows
|
|
* `os` - Operating System like selection where you can use the shift and ctrl / cmd keys on your keyboard to add / remove rows from the selection.
|
|
|
|
This example shows the `os` select option. Without keyboard interaction a single row can be selected at a time, but multiple rows can be selected in a range using the shift key, while rows can be added and removed from the selection using the ctrl / cmd key.
|
|
|
|
]]></info>
|
|
|
|
</dt-example>
|