{hero}

fixedHeader.footerOffset

Since: FixedHeader 3.0.0

Offset the table's fixed footer.
Please note - this property requires the FixedHeader extension for DataTables.

Description

Although less common than a fixed header, a fixed footer can sometimes be useful to provide a fixed position element at the bottom of a page, giving quick access to common functions and links for an end user. The offset introduced by this fixed element needs to be accounted for when using FixedHeader for correct positioning of the fixed element.

This parameter provides a method that you can use to inform FixedHeader that an offset should be applied to the footer, and what that offset should be.

Type

integer

Description:

Set the offset (in pixels) of the footer element's offset for the scrolling calculations.

Default

  • Value: 0

Examples

Set the footer offset to a known value:

$('#example').DataTable( {
	fixedHeader: {
		footer: true,
		footerOffset: 40
	}
} );

Use jQuery to calculate a required offset:

$('#example').DataTable( {
	fixedHeader: {
		footer: true,
		footerOffset: $('#navMenu').outerHeight()
	}
} );

Related

The following options are directly related and may also be useful in your application development.