File: demos/startbootstrap-sb-admin-2/bower_components/datatables-responsive/examples/child-rows/right-column.xml

Recommend this page to a friend!
  Classes of Emmanuel Podvin  >  Blapy  >  demos/startbootstrap-sb-admin-2/bower_components/datatables-responsive/examples/child-rows/right-column.xml  >  Download  
File: demos/startbootstrap-sb-admin-2/bower_components/datatables-responsive/examples/child-rows/right-column.xml
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Blapy
jQuery plugin to load linked pages using AJAX
Author: By
Last change:
Date: 2 years ago
Size: 922 bytes


Class file image Download
<?xml version="1.0" encoding="UTF-8" ?>
<dt-example table-type="html-details-right" table-class="display nowrap" order="3">

<css lib="datatables responsive" />
<js lib="jquery datatables responsive">

$(document).ready(function() {
	$('#example').DataTable( {
		responsive: {
			details: {
				type: 'column',
				target: -1
		columnDefs: [ {
			className: 'control',
			orderable: false,
			targets:   -1
		} ]
	} );
} );


<title lib="Responsive">Column control - right</title>


When using the `column` child row control type, Responsive has the ability to use any column or element as the show / hide control for the row details. This is provided through the `r-init responsive.details.target` option, which can be either a column index, or a jQuery selector.

This example shows the last column in the table being used as the control column.