angular-float-thead

WebJar for angular-float-thead

License	MIT
Categories	Angular User Interface Web Frameworks
GroupId	org.webjars.npm
ArtifactId	angular-float-thead
Last Version	0.1.2
Release Date	Oct 6, 2017
Type	jar
Description	angular-float-thead WebJar for angular-float-thead
Project URL	http://webjars.org
Source Code Management	https://github.com/brandon-barker/angular-floatThead

Download angular-float-thead

Filename	Size
angular-float-thead-0.1.2.pom
angular-float-thead-0.1.2.jar	7 KB
angular-float-thead-0.1.2-sources.jar	22 bytes
angular-float-thead-0.1.2-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/angular-float-thead/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>angular-float-thead</artifactId>
    <version>0.1.2</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/angular-float-thead/
implementation 'org.webjars.npm:angular-float-thead:0.1.2'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/angular-float-thead/
implementation ("org.webjars.npm:angular-float-thead:0.1.2")

Apache Buildr

'org.webjars.npm:angular-float-thead:jar:0.1.2'

Apache Ivy

<dependency org="org.webjars.npm" name="angular-float-thead" rev="0.1.2">
  <artifact name="angular-float-thead" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='angular-float-thead', version='0.1.2')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "angular-float-thead" % "0.1.2"

Leiningen

[org.webjars.npm/angular-float-thead "0.1.2"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

angular-floatThead

angular-floatThead is a very simple wrapper around the awesome floatThead library by @mkoryak

Installation

via npm:

$ npm install angular-float-thead

via bower:

$ bower install angular-float-thead

Usage

1. This is just a wrapper over the original jQuery floatThead library, so first make sure you have the main library installed as per https://github.com/mkoryak/floatThead

2. Include angular-float-thead as a dependency for your app after running bower install

angular.module('myApp', ['floatThead'])

3. Specify float-thead on your table element and optionally pass through a floatThead object as a parameter, eg: <table float-thead="floatTheadOptions">

4. Add floatTheadOptions to $scope on your controller

$scope.floatTheadOptions = {
    scrollingTop: 60,
    useAbsolutePositioning: false
  };

5. If you want the directive to reinitialize when your tables data changes then specify an ng-model on your table and it will watch the collection/object and call 'reflow' when the data changes.

for eg:

<table float-thead="floatTheadOptions" ng-model="collectionOrObjectToWatch">

Configuration

You can pass through additional attributes to the directive to modify the behaviour:

float-thead-enabled

Pass through a boolean value or scope object to enable/disable the floatThead library

You can use this to implement a toggle button or to delay the initialization of the library

<table float-thead-enabled="test.enabled" ... >

Versions

Version
0.1.2 Oct 6, 2017